:root{--bg:#0d1117;--panel:#151b23;--panel2:#1b2430;--surface:#0d1117;--line:#30363d;--text:#fff;--muted:#8b949e;--primary:#d88b2a;--primary-dark:#a86619;--danger:#da3633;--danger-dark:#8b1e1e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}.loading{place-items:center;min-height:100vh;font-size:22px;display:grid}.login-page{background:radial-gradient(circle at top, #2b1c10, transparent 35%), var(--bg);place-items:center;min-height:100vh;display:grid}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:22px;width:100%;max-width:420px;padding:32px;box-shadow:0 20px 60px #0006}.login-box h1{margin:0 0 8px;font-size:34px}.login-box p{color:var(--muted);margin-bottom:24px}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:13px 14px;font-size:16px}textarea{resize:vertical;min-height:100px}.login-box input{margin-bottom:12px}.login-box button{background:var(--primary);color:#fff;border:0;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.google-btn{background:#2b2b2b!important}.error{color:#ffb6b6;background:#4a1515;border-radius:12px;margin-top:16px;padding:12px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:12px;width:250px;padding:24px;display:flex}.sidebar h2{margin:0 0 20px}.sidebar a,.sidebar button{color:#ddd;text-align:left;background:0 0;border:0;border-radius:12px;padding:12px 14px;font-size:15px}.sidebar a:hover,.sidebar button:hover{background:#252f3a}.main{flex:1;min-width:0;padding:32px}.main h1{margin-top:0;font-size:34px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px}.card{padding:22px}.card h3{margin-top:0}.card p,.page-header p,.table-row p,.ingredient-body p,.step-view-card p,.qr-panel p{color:var(--muted)}.panel{margin-bottom:20px;padding:20px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header p{margin:6px 0 0}.primary-btn,.secondary-btn,.danger-btn,.row-actions button{color:#fff;border:0;border-radius:12px;padding:11px 14px;font-weight:700}.primary-btn{background:var(--primary)}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{background:#30363d}.danger-btn{background:var(--danger-dark)}.form-grid{grid-template-columns:1fr 180px auto auto;align-items:center;gap:12px;display:grid}.form-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.table-list{flex-direction:column;gap:12px;display:flex}.table-row{border:1px solid var(--line);background:#101820;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.ingredient-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.subsection,.media-section{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.recipe-ingredient-row{grid-template-columns:1.4fr 120px 120px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.step-box{border:1px solid var(--line);background:#101820;border-radius:16px;margin-bottom:14px;padding:14px}.url-row{grid-template-columns:1fr auto;align-items:center;gap:12px;margin:12px 0;display:grid}.media-grid,.ingredient-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.media-card,.ingredient-card{border:1px solid var(--line);background:#101820;border-radius:16px;overflow:hidden}.media-card{padding:10px}.media-card img,.media-card video,.media-card iframe,.ingredient-photo img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.media-card iframe{background:#000;border:0}.media-card small{color:var(--muted);margin:8px 0;display:block}.youtube-box{aspect-ratio:1;text-align:center;color:#ffb6b6;word-break:break-word;background:#241111;border-radius:12px;place-items:center;width:100%;padding:12px;display:grid}.ingredient-photo{aspect-ratio:1;color:#777;background:#222;place-items:center;width:100%;display:grid}.ingredient-photo img{border-radius:0}.ingredient-body{padding:14px}.ingredient-body h4{margin:0 0 8px}.ingredient-card .row-actions{padding:0 14px 14px}.back-link{color:var(--primary);margin-bottom:10px;display:inline-block}.arabic-title{color:#ddd;margin:-10px 0 10px;font-weight:400}.scale-panel{border-color:#5a3a17}.scale-row{align-items:center;gap:12px;margin:12px 0;display:flex}.scale-row input{max-width:160px}.quick-scale{flex-wrap:wrap;gap:8px;display:flex}.quick-scale button{color:#fff;background:#2b2b2b;border:0;border-radius:10px;padding:9px 12px}.ingredient-view-list,.steps-view{flex-direction:column;gap:12px;display:flex}.ingredient-view-row{border:1px solid var(--line);background:#101820;border-radius:16px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.ingredient-view-photo{color:#777;background:#222;border-radius:12px;place-items:center;width:72px;height:72px;font-size:12px;display:grid;overflow:hidden}.ingredient-view-photo img{object-fit:cover;width:100%;height:100%}.ingredient-view-row p{color:var(--muted);margin:4px 0 0}.scaled-qty{color:var(--primary);white-space:nowrap;font-size:20px;font-weight:700}.step-view-card{border:1px solid var(--line);background:#101820;border-radius:16px;padding:16px}.step-view-card h4{margin:0 0 8px}.image-modal{z-index:9999;background:#000000e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal-content img{object-fit:contain;border-radius:16px;max-width:95vw;max-height:90vh}.qr-panel img{background:#fff;border-radius:12px;width:160px;height:160px;padding:8px}.qr-panel p{word-break:break-all}.no-print{gap:10px;display:flex}@media (width<=900px){.recipe-ingredient-row{grid-template-columns:1fr}}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;width:100%;padding:12px;overflow-x:auto}.sidebar h2{display:none}.main{padding:20px}.form-grid,.ingredient-grid,.url-row{grid-template-columns:1fr}.table-row{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.ingredient-view-row{grid-template-columns:60px 1fr}.scaled-qty{grid-column:1/-1}.scale-row{flex-wrap:wrap}}.row-actions button:not(.danger-btn){color:#fff;background:#d88b2a}.row-actions button:not(.danger-btn):hover{background:#b56f15}.row-actions .danger-btn{color:#fff;background:#8b1e1e}@media print{.no-print,.sidebar,.back-link,video,iframe{display:none!important}body{color:#000;background:#fff}.app-shell{display:block}.main{padding:0}.panel,.ingredient-view-row,.step-view-card{color:#000;break-inside:avoid;background:#fff;border:1px solid #ccc}.scaled-qty{color:#000}.qr-panel{display:block}}.settings-checks{flex-direction:column;gap:12px;display:flex}.settings-checks label{border:1px solid var(--line);background:#101820;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.settings-checks input[type=checkbox]{width:auto}.sidebar-brand{margin-bottom:20px}.sidebar-brand img{object-fit:contain;width:100%;max-width:160px;max-height:90px;display:block}.login-brand{text-align:center;margin-bottom:24px}.login-brand img{object-fit:contain;max-width:220px;max-height:130px}.login-brand h1{margin:0}