:root{--bg:#11120d;--panel:#1b1d16;--card:#25271e;--line:#3b3e31;--olive:#64712d;--sand:#c2b280;--rust:#c1502e;--text:#edeae0;--muted:#aaa997;--font-display:"Anton", Impact, sans-serif;--font-body:"Work Sans", Arial, sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}button,input,textarea{font:inherit}.is-hidden{display:none!important}.admin-brand{color:var(--text);font:1.3rem var(--font-display);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.admin-brand img{width:32px;height:32px}.admin-brand span{color:var(--rust)}.demo-label{color:var(--rust);font:600 .72rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}.login-shell{background:radial-gradient(circle at 20% 10%, #333923 0, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{border:1px solid var(--line);background:#1b1d16f5;width:min(460px,100%);padding:38px;box-shadow:0 24px 80px #0006}.login-card .admin-brand{margin-bottom:34px}.login-card h1,.admin-header h1,.dialog-heading h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:400}.login-card h1{font-size:clamp(2rem,7vw,3.2rem)}.login-copy{color:var(--muted);line-height:1.55}.demo-access{border-left:3px solid var(--olive);background:var(--card);gap:6px;margin:24px 0;padding:16px;display:grid}.demo-access span{color:var(--sand);font:600 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.demo-access code{color:var(--text)}.admin-form{gap:15px;display:grid}.admin-form label,.product-form label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:600;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#12130f;border-radius:4px;outline:none;padding:12px 13px}input:focus,textarea:focus{border-color:var(--sand);box-shadow:0 0 0 2px #c2b28021}.form-error{color:#ff987a;min-height:20px;margin:0;font-size:.82rem}.back-link{color:var(--muted);margin-top:24px;font-size:.85rem;display:inline-block}.admin-btn{cursor:pointer;font:600 .75rem var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:11px 16px}.admin-btn-primary{background:var(--rust);color:#fff}.admin-btn-primary:hover{background:#d25c37}.admin-btn-secondary{border-color:var(--line);color:var(--text);background:0 0}.admin-btn-secondary:hover{border-color:var(--sand);color:var(--sand)}.dashboard{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#0e0f0b;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.sidebar-caption{color:var(--muted);margin:8px 0 36px 42px;font-size:.72rem}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav a{color:var(--muted);border-radius:4px;padding:11px 13px;font-size:.9rem;text-decoration:none}.admin-sidebar nav a:hover,.admin-sidebar nav a.is-active{color:var(--text);background:var(--card)}.sidebar-logout{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;margin-top:auto}.sidebar-logout:hover{color:var(--rust)}.admin-main{width:100%;max-width:1400px;padding:44px clamp(22px,4vw,60px) 70px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.admin-header h1{font-size:clamp(2rem,4vw,3.3rem)}.admin-header p:last-child{color:var(--muted);margin:5px 0 0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-grid article{border:1px solid var(--line);background:var(--panel);padding:20px}.stats-grid span{color:var(--muted);font-size:.78rem;display:block}.stats-grid strong{color:var(--sand);font:2rem var(--font-display);margin-top:6px;display:block}.catalog-panel{border:1px solid var(--line);background:var(--panel)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.panel-heading h2{margin:0}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:.85rem}.admin-products{display:grid}.admin-product{border-bottom:1px solid var(--line);grid-template-columns:68px minmax(180px,1fr) 120px auto;align-items:center;gap:18px;padding:16px 22px;display:grid}.admin-product:last-child{border-bottom:0}.admin-product.is-inactive{opacity:.58}.admin-product>img{object-fit:contain;background:#12130f;width:68px;height:68px;padding:5px}.admin-product-info h3{margin:0 0 4px;font-size:.98rem}.admin-product-info p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:56ch;margin:0 0 7px;font-size:.78rem;overflow:hidden}.product-status{color:var(--olive);font:600 .65rem var(--font-mono);text-transform:uppercase}.is-inactive .product-status{color:var(--rust)}.admin-product-price{color:var(--sand);font-family:var(--font-mono)}.product-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.table-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:3px;padding:7px 9px;font-size:.72rem}.table-button:hover{border-color:var(--sand)}.table-button-danger:hover{border-color:var(--rust);color:#ff987a}.product-dialog{border:1px solid var(--line);background:var(--panel);width:min(720px,100% - 28px);max-height:calc(100vh - 28px);color:var(--text);border-radius:5px;padding:0}.product-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8}.product-form{padding:26px;overflow-y:auto}.dialog-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dialog-heading h2{font-size:2rem}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:2rem;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-wide{grid-column:1/-1}.upload-field{gap:7px;display:grid}.upload-field>label{color:var(--muted);font-size:.82rem;font-weight:600}.upload-help{border:1px solid #c6a86759;border-left:3px solid var(--sand);color:var(--muted);background:#c6a86712;border-radius:4px;gap:8px;margin-top:4px;padding:14px 16px;font-size:.82rem;font-weight:400;line-height:1.5;display:grid}.upload-help strong{color:var(--text);font-size:.9rem}.upload-help ul{margin:0;padding-left:20px}.upload-help li+li{margin-top:3px}.upload-help p{margin:0}.upload-help a{color:var(--accent);text-underline-offset:3px;font-weight:700}.upload-help a:hover{text-decoration-thickness:2px}.switch-field{align-content:end;align-items:center;padding-bottom:12px;grid-template-columns:auto 1fr!important}.switch-field input{width:18px;height:18px;accent-color:var(--rust)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.toast{z-index:20;border-left:3px solid var(--olive);background:var(--card);opacity:0;pointer-events:none;padding:13px 18px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 12px 35px #0006}.toast.is-visible{opacity:1;transform:none}@media (width<=900px){.dashboard{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;align-items:center;gap:14px;height:auto;padding:15px 18px;position:static}.sidebar-caption{display:none}.admin-sidebar nav{margin-left:auto;display:flex}.sidebar-logout{margin:0}.admin-product{grid-template-columns:58px 1fr auto}.admin-product>img{width:58px;height:58px}.product-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=620px){.login-card{padding:28px 22px}.admin-sidebar .admin-brand span,.admin-sidebar .admin-brand{gap:0;font-size:0}.admin-sidebar .admin-brand img{width:34px;height:34px}.admin-sidebar nav a:first-child{display:none}.sidebar-logout{font-size:.72rem}.admin-main{padding:28px 16px 50px}.admin-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stats-grid article{padding:14px 10px}.admin-product{grid-template-columns:52px 1fr;gap:12px;padding:14px}.admin-product-price{grid-column:2}.product-actions{grid-column:1/-1}.panel-heading{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions .admin-btn{width:100%}}
