:root{color:#fff;background:#080808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#080808;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.loginStage{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard,.panel,aside{background:#151519;border:1px solid #2b2b31;border-radius:8px}.loginCard{gap:14px;width:min(100%,460px);padding:28px;display:grid}.brandLogo{object-fit:cover;background:#0f0f12;border:1px solid #f4c5428c;border-radius:14px;width:58px;height:58px}.adminShell{grid-template-columns:280px 1fr;gap:18px;min-height:100vh;padding:24px;display:grid}aside{height:calc(100vh - 48px);padding:22px;position:sticky;top:24px}aside nav{gap:10px;margin-top:24px;display:grid}aside a{background:#0f0f12;border-radius:8px;align-items:center;min-height:44px;padding:0 12px;font-weight:900;text-decoration:none;display:flex}.content{gap:18px;min-width:0;display:grid}.topbar,.panelHeader,.inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel{gap:16px;padding:22px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:7px;display:grid}label{color:#f4c542;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}h1,h2,h3,h4,p{margin:0}h1{font-size:42px;line-height:1}h2{font-size:34px;line-height:1.05}h3{font-size:22px}h4{font-size:18px}.muted{color:#b9b6aa;line-height:1.5}.hint{color:#77736a;font-size:13px;font-weight:800}input,textarea,select{color:#fff;background:#0f0f12;border:1px solid #36363d;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 13px}textarea{resize:vertical;min-height:110px;padding-top:12px}button{color:#0b0b0d;background:#f4c542;border:0;border-radius:8px;min-height:48px;padding:0 18px;font-weight:900}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#fff;background:#151519;border:1px solid #36363d}button.tiny,.uploadButton{min-height:38px;padding:0 12px;font-size:13px}.success,.error,.split{border-radius:8px;padding:10px 12px;font-weight:900}.success{color:#8ff0b8;background:#123524}.error{color:#ffb3a8;background:#3a1717}.split{color:#f4c542;background:#17150d;font-size:13px}.productGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}details{background:#0f0f12;border:1px solid #34343a;border-radius:8px;padding:14px}summary{cursor:pointer;color:#fff;font-weight:900}details[open]{gap:14px;display:grid}.subPanel,.imageUploader{background:#0f0f12;border:1px solid #34343a;border-radius:8px;gap:14px;padding:14px;display:grid}.uploadButton{color:#0b0b0d;cursor:pointer;background:#f4c542;border-radius:8px;justify-content:center;align-items:center;width:max-content;font-weight:900;display:inline-flex}.uploadButton input{display:none}.imagePreviewGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.imagePreviewGrid figure{gap:8px;margin:0;display:grid}.imagePreviewGrid img,.imageFallback{aspect-ratio:1;object-fit:cover;background:#24242a;border-radius:8px;width:100%}.imageFallback{color:#b9b6aa;place-items:center;font-weight:900;display:grid}.imagePreviewGrid figcaption,.status{color:#f4c542;text-transform:uppercase;font-size:12px;font-weight:900}.variantRow{grid-template-columns:1.2fr 1fr .8fr .7fr auto;align-items:end;gap:10px;display:grid}.actions{flex-wrap:wrap;justify-content:start}.csvPreview{gap:10px;display:grid}.csvRow{background:#0f0f12;border:1px solid #34343a;border-radius:8px;gap:6px;padding:12px;display:grid}.csvRow span{color:#b9b6aa;line-height:1.4}.productCard{background:#0f0f12;border:1px solid #34343a;border-radius:8px;grid-template-columns:96px 1fr;gap:12px;padding:12px;display:grid}.productCard img{object-fit:cover;background:#24242a;border-radius:8px;width:96px;height:96px}.productCard div{gap:7px;display:grid}.cardActions{flex-wrap:wrap;gap:8px!important;display:flex!important}.status{border:1px solid #34343a;border-radius:999px;width:max-content;padding:4px 8px}.status.active{color:#8ff0b8;background:#123524}.status.archived{color:#ffb3a8;background:#3a1717}code{color:#f4c542}@media (max-width:860px){.adminShell{grid-template-columns:1fr;padding:14px}aside{height:auto;position:static}.formGrid,.topbar,.panelHeader,.inline,.variantRow{display:grid}.productCard{grid-template-columns:84px 1fr}.productCard img,.productCard .imageFallback{width:84px;height:84px}}
