@font-face{font-family:Inter;src:url('/assets/fonts/inter-0.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#0A0A0A;--surface:#161616;--surface-2:#1D1C1C;--surface-3:#232323;--line:#2C2C2C;--line-2:#363636;--text:#F4F4F4;--muted:#9C9C9C;--muted-2:#6F6F6F;--accent:#EDEDED;--success:#7AF0A1;--danger:#FF7B7B;--warning:#E7C76D;--r:13px;--r-sm:9px;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow,.top-kicker,.nav-label{font-size:10px;letter-spacing:.16em;font-weight:650;color:var(--muted);text-transform:uppercase}.mobile-only{display:none!important}
.admin-layout{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#0D0D0D;border-right:1px solid #202020;padding:16px 12px 14px;display:flex;flex-direction:column;z-index:30}.sidebar-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.admin-wordmark{font-size:17px;letter-spacing:.15em;font-weight:790;display:inline-flex;align-items:center;gap:8px}.admin-wordmark span{font-size:8px;padding:4px 6px;border:1px solid var(--line);border-radius:999px;letter-spacing:.12em;color:var(--muted)}.admin-nav{display:flex;flex-direction:column;gap:3px;margin-top:14px}.nav-label{margin:18px 10px 7px;color:#5F5F5F}.nav-item{appearance:none;border:0;background:transparent;width:100%;min-height:40px;padding:0 10px;border-radius:9px;color:#A9A9A9;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;transition:.18s ease}.nav-item:hover{background:#171717;color:#fff}.nav-item.active{background:#F1F1F1;color:#0A0A0A;font-weight:600}.nav-icon{width:18px;font-size:16px;text-align:center;opacity:.9}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px}.nav-item.active .nav-badge{border-color:#BDBDBD}.nav-item.danger:hover{color:var(--danger)}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.admin-user{border-top:1px solid #202020;margin-top:10px;padding:15px 8px 2px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#242424,#111);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:750}.admin-user strong,.admin-user span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user strong{font-size:12px}.admin-user span{font-size:10px;color:var(--muted);margin-top:3px}.sidebar-backdrop{display:none}
.admin-main{min-width:0}.topbar{height:78px;position:sticky;top:0;z-index:20;background:rgba(10,10,10,.85);backdrop-filter:blur(18px);border-bottom:1px solid #1D1D1D;padding:12px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:18px;line-height:1.15;margin:3px 0 0;font-weight:650;letter-spacing:-.02em}.top-kicker{margin:0}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#141414;border-radius:9px;display:grid;place-items:center;color:#C9C9C9;transition:.18s ease}.icon-btn:hover{background:#202020;color:#fff;border-color:#3D3D3D}.live-pill{height:36px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:11px;color:var(--muted);background:#141414}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(122,240,161,.08)}.view-root{padding:24px 28px 48px;max-width:1540px;margin:0 auto}.view-enter{animation:viewIn .25s ease both}@keyframes viewIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h2{font-size:24px;letter-spacing:-.04em;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-btn{height:38px;border-radius:9px;padding:0 13px;border:1px solid var(--line);background:#171717;color:#DADADA;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.admin-btn:hover{background:#222;border-color:#444;color:#fff}.admin-btn.primary{background:#EFEFEF;color:#0B0B0B;border-color:#EFEFEF}.admin-btn.primary:hover{background:#fff}.admin-btn.ghost{background:#111}.admin-btn.danger{color:#FF9D9D}.admin-btn.wide{width:100%;height:46px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{min-height:132px;padding:15px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,#181818,#141414);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 70%)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:11px;color:var(--muted);font-weight:550}.metric-trend{font-size:9px;color:#BDBDBD;border:1px solid #303030;border-radius:999px;padding:3px 6px}.metric-value{font-size:24px;font-weight:680;letter-spacing:-.04em;margin-top:10px}.metric-foot{font-size:10px;color:#777;margin-top:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:10px;margin-top:10px}.panel{border:1px solid var(--line);border-radius:var(--r);background:#141414;overflow:hidden}.panel-head{min-height:58px;padding:12px 15px;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0;font-size:12px;font-weight:620}.panel-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.chart-wrap{height:310px;padding:18px 10px 8px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#242424;stroke-width:1}.chart-line{fill:none;stroke:#CFCFCF;stroke-width:2;vector-effect:non-scaling-stroke}.chart-area{fill:url(#chartGradient)}.chart-dot{fill:#101010;stroke:#E7E7E7;stroke-width:1.5}.chart-label{fill:#707070;font-size:9px}.quick-stats{padding:9px}.quick-row{display:flex;align-items:center;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #222;font-size:11px}.quick-row:last-child{border-bottom:0}.quick-row span{color:var(--muted)}.quick-row strong{font-size:12px}.recent-panel{margin-top:10px}
.table-shell{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:790px}.data-table th{text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:620;color:#737373;background:#121212;padding:11px 13px;border-bottom:1px solid #262626;white-space:nowrap}.data-table td{padding:11px 13px;border-bottom:1px solid #242424;font-size:11px;color:#C8C8C8;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#171717}.table-primary{font-weight:600;color:#F0F0F0}.table-secondary{color:#757575;font-size:10px;margin-top:3px}.product-cell{display:flex;align-items:center;gap:10px;min-width:230px}.product-thumb{width:36px;height:42px;object-fit:cover;border-radius:7px;border:1px solid #303030;background:#222}.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #333;border-radius:999px;padding:4px 7px;font-size:9px;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#999}.status-pill.done:before{background:var(--success)}.status-pill.warn:before{background:var(--warning)}.status-pill.cancel:before{background:var(--danger)}.stock-low{color:var(--warning)}.stock-zero{color:var(--danger)}.row-actions{display:flex;gap:5px}.mini-btn{border:1px solid #303030;background:#171717;border-radius:7px;height:29px;padding:0 9px;font-size:10px;color:#BFBFBF}.mini-btn:hover{background:#242424;color:white}.mini-btn.danger:hover{color:#FF9E9E}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{position:relative;min-width:220px}.search-box input,.filter-select,.date-input{height:38px;width:100%;background:#111;border:1px solid var(--line);border-radius:9px;padding:0 11px;color:#DADADA;outline:0;font-size:11px}.search-box input:focus,.filter-select:focus,.date-input:focus{border-color:#555}.filter-select{width:auto;min-width:150px}.empty-state{padding:60px 20px;text-align:center;color:#777}.empty-state strong{display:block;color:#CCC;margin-bottom:7px}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.inventory-summary{border:1px solid var(--line);border-radius:var(--r);padding:14px;background:#141414}.inventory-summary span{display:block;color:var(--muted);font-size:10px}.inventory-summary strong{display:block;font-size:22px;margin-top:6px;letter-spacing:-.03em}.progress{height:5px;border-radius:99px;background:#252525;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:#BDBDBD;border-radius:99px}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.report-value{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:#141414}.report-value span{color:var(--muted);font-size:10px}.report-value strong{display:block;font-size:24px;margin-top:7px;letter-spacing:-.04em}
.admin-dialog{border:0;padding:0;background:transparent;max-width:none;width:min(820px,calc(100vw - 30px));color:var(--text)}.admin-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.dialog-card{background:#121212;border:1px solid #333;border-radius:16px;box-shadow:var(--shadow);max-height:90vh;overflow:auto;padding:18px}.dialog-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #292929;padding-bottom:14px;margin-bottom:14px}.dialog-head h2{font-size:19px;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label,.login-card>label{font-size:10px;color:#999;display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{width:100%;border:1px solid #303030;background:#0D0D0D;border-radius:9px;outline:0;padding:0 11px;color:#EEE;font-size:12px}.form-grid input,.form-grid select{height:40px}.form-grid textarea{padding:11px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:#5B5B5B}.span-2{grid-column:span 2}.toggle-label{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:8px!important;height:40px}.toggle-label input{width:14px;height:14px}.variants-block{border-top:1px solid #292929;margin-top:16px;padding-top:16px}.variants-head{display:flex;align-items:center;justify-content:space-between}.variant-list{display:grid;gap:7px;margin-top:10px}.variant-row{display:grid;grid-template-columns:1fr 1fr 130px 34px;gap:7px}.variant-row input{height:38px;border:1px solid #303030;background:#0D0D0D;border-radius:8px;padding:0 10px;outline:0;font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #292929;margin-top:16px;padding-top:14px}.form-status{min-height:17px;font-size:10px;margin:10px 0 0;color:#999}.form-status.error{color:#FF9595}.form-status.success{color:#8CE7A7}.toast-root{position:fixed;right:18px;bottom:18px;z-index:90;display:grid;gap:7px}.toast{min-width:260px;max-width:360px;border:1px solid #363636;border-radius:10px;background:#181818;box-shadow:var(--shadow);padding:11px 13px;font-size:11px;animation:toastIn .2s ease}.toast.error{border-color:#613A3A;color:#FFB2B2}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.admin-login-body{min-height:100vh}.admin-login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand-panel{position:relative;overflow:hidden;padding:34px 42px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 90%,#2C2C2C 0,transparent 38%),linear-gradient(145deg,#101010,#050505);border-right:1px solid #222}.login-brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%),linear-gradient(0deg,transparent 0 49.8%,rgba(255,255,255,.02) 50%,transparent 50.2%);background-size:100px 100px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.noise{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.login-brand-copy{position:relative;z-index:1;max-width:650px}.login-brand-copy h1{font-size:clamp(43px,6vw,88px);line-height:.91;letter-spacing:-.075em;margin:18px 0 23px;font-weight:700}.login-brand-copy h1 span{color:#6E6E6E}.login-brand-copy>p:last-child{max-width:480px;color:#8C8C8C;font-size:14px;line-height:1.65}.login-foot{position:relative;z-index:1;color:#555;font-size:10px}.login-form-panel{display:grid;place-items:center;padding:28px;background:#0A0A0A}.login-card{width:min(390px,100%)}.login-icon{width:44px;height:44px;border:1px solid #333;border-radius:11px;display:grid;place-items:center;margin-bottom:28px;background:#151515;font-weight:800}.login-card h2{font-size:28px;letter-spacing:-.045em;margin:6px 0 7px}.login-card>.muted{font-size:12px;margin:0 0 25px}.login-card>label{margin-top:12px}.login-card>label input{height:45px}.check-row{display:flex!important;align-items:center;gap:8px!important;margin:13px 0 15px!important}.check-row input{width:14px!important;height:14px!important}.back-store{display:block;text-align:center;color:#777;font-size:10px;margin-top:18px}.back-store:hover{color:#CCC}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.inventory-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mobile-only{display:grid!important}.admin-layout{display:block}.sidebar{position:fixed;left:0;top:0;width:min(286px,88vw);transform:translateX(-105%);transition:.22s ease;box-shadow:24px 0 60px rgba(0,0,0,.5)}.sidebar.open{transform:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:29}.sidebar-backdrop.show{display:block}.topbar{height:70px;padding:10px 14px;gap:10px}.topbar>div:nth-child(2){flex:1}.live-pill{display:none}.view-root{padding:16px 14px 38px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .admin-btn{flex:1}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:118px;padding:13px}.metric-value{font-size:20px}.chart-wrap{height:245px}.inventory-grid,.report-grid{grid-template-columns:1fr}.admin-login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.variant-row{grid-template-columns:1fr 1fr 95px 34px}.dialog-card{padding:14px}.search-box{min-width:0;flex:1}.filter-select{min-width:130px}.toast-root{left:14px;right:14px}.toast{min-width:0;max-width:none}.admin-dialog{width:calc(100vw - 18px)}}
@media(max-width:460px){.metrics-grid{grid-template-columns:1fr}.topbar h1{font-size:16px}.variant-row{grid-template-columns:1fr 1fr}.variant-row .variant-stock{grid-column:span 1}.variant-row .remove-variant{grid-column:span 1;width:100%}.page-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}