:root{--admin-sidebar-w:240px;--admin-closed-w:68px;--admin-topbar-h:60px;--admin-bg:#0f1117;--admin-surface:#161b27;--admin-surface2:#1e2535;--admin-border:#ffffff14;--admin-text:#e2e8f0;--admin-text-muted:#64748b;--admin-gold:#d4a853;--admin-gold-soft:#d4a85326;--admin-green:#22c55e;--admin-red:#ef4444;--admin-blue:#3b82f6;--admin-purple:#a855f7}.admin-shell{background:var(--admin-bg);min-height:100svh;color:var(--admin-text);font-family:var(--f-body);display:flex}.admin-sidebar{width:var(--admin-sidebar-w);background:var(--admin-surface);border-right:1px solid var(--admin-border);z-index:100;flex-direction:column;transition:width .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.admin-shell.sidebar-closed .admin-sidebar{width:var(--admin-closed-w)}.admin-sidebar-header{padding:var(--s-5)var(--s-4);border-bottom:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;display:flex}.admin-logo{align-items:center;gap:var(--s-3);white-space:nowrap;display:flex;overflow:hidden}.admin-logo-mark{background:linear-gradient(135deg,var(--c-tan,#a07850),var(--c-gold,#c8973a));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:800;display:flex}.admin-logo>span{color:var(--admin-text);font-size:.95rem;font-weight:600}.admin-logo>span small{color:var(--admin-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:400;display:block}.sidebar-toggle{padding:var(--s-2);border-radius:var(--r-md);cursor:pointer;color:var(--admin-text-muted);transition:all var(--t-fast);background:0 0;border:none;flex-shrink:0}.sidebar-toggle:hover{background:var(--admin-surface2);color:var(--admin-text)}.admin-nav{padding:var(--s-3)var(--s-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.admin-nav-item{align-items:center;gap:var(--s-3);padding:var(--s-3)var(--s-3);border-radius:var(--r-lg);color:var(--admin-text-muted);transition:all var(--t-fast);white-space:nowrap;font-size:.875rem;text-decoration:none;display:flex;overflow:hidden}.admin-nav-item:hover{background:var(--admin-surface2);color:var(--admin-text)}.admin-nav-item.active{background:var(--admin-gold-soft);color:var(--admin-gold);font-weight:600}.admin-nav-item>span{flex:1}.admin-nav-arrow{color:var(--admin-gold);opacity:.6}.admin-sidebar-footer{padding:var(--s-4)var(--s-3);border-top:1px solid var(--admin-border);align-items:center;gap:var(--s-3);display:flex}.admin-user{align-items:center;gap:var(--s-3);flex:1;display:flex;overflow:hidden}.admin-user-avatar{background:linear-gradient(135deg,var(--c-tan,#a07850),var(--c-gold,#c8973a));border-radius:var(--r-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:flex}.admin-user>div>strong{color:var(--admin-text);font-size:.8rem;display:block}.admin-user>div>span{color:var(--admin-text-muted);font-size:.7rem}.admin-logout{padding:var(--s-2);border-radius:var(--r-md);cursor:pointer;color:var(--admin-text-muted);transition:all var(--t-fast);background:0 0;border:none;flex-shrink:0}.admin-logout:hover{color:var(--admin-red)}.admin-main{margin-left:var(--admin-sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100svh;transition:margin-left .25s;display:flex}.admin-shell.sidebar-closed .admin-main{margin-left:var(--admin-closed-w)}.admin-topbar{height:var(--admin-topbar-h);background:var(--admin-surface);border-bottom:1px solid var(--admin-border);padding:0 var(--s-8);justify-content:space-between;align-items:center;gap:var(--s-6);z-index:50;display:flex;position:sticky;top:0}.admin-search{flex:1;max-width:400px;position:relative}.search-icon{left:var(--s-4);color:var(--admin-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--admin-surface2);border:1px solid var(--admin-border);border-radius:var(--r-full);width:100%;padding:var(--s-2)var(--s-4)var(--s-2)calc(var(--s-4) + 20px);color:var(--admin-text);transition:border-color var(--t-fast);outline:none;font-size:.82rem}.search-input::placeholder{color:var(--admin-text-muted)}.search-input:focus{border-color:var(--admin-gold)}.admin-topbar-right{align-items:center;gap:var(--s-4);display:flex}.admin-icon-btn{border-radius:var(--r-full);cursor:pointer;background:var(--admin-surface2);border:1px solid var(--admin-border);width:38px;height:38px;color:var(--admin-text-muted);transition:all var(--t-fast);justify-content:center;align-items:center;display:flex;position:relative}.admin-icon-btn:hover{color:var(--admin-text);border-color:var(--admin-gold)}.notif-dot{border-radius:var(--r-full);background:var(--admin-red);border:2px solid var(--admin-surface);width:8px;height:8px;position:absolute;top:7px;right:7px}.admin-page-content{padding:var(--s-8);gap:var(--s-8);flex-direction:column;flex:1;display:flex}.admin-page-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;display:flex}.admin-page-title{color:var(--admin-text);margin-bottom:4px;font-size:1.5rem;font-weight:700}.admin-page-sub{color:var(--admin-text-muted);font-size:.82rem}.admin-kpi-grid{gap:var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1100px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.admin-kpi-grid{grid-template-columns:1fr}}.admin-kpi{background:var(--admin-surface);border:1px solid var(--admin-border);padding:var(--s-6);gap:var(--s-4);border-radius:16px;flex-direction:column;display:flex}.admin-kpi-header{justify-content:space-between;align-items:center;display:flex}.admin-kpi-label{color:var(--admin-text-muted);font-size:.78rem;font-weight:500}.admin-kpi-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-kpi-val{color:var(--admin-text);font-size:2rem;font-weight:800;line-height:1}.admin-kpi-growth{align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.kpi-up{color:var(--admin-green)}.kpi-down{color:var(--admin-red)}.admin-table-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;overflow:hidden}.admin-table-head{padding:var(--s-5)var(--s-6);border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.admin-table-head h2{color:var(--admin-text);font-size:1rem;font-weight:600}.admin-table{border-collapse:collapse;width:100%}.admin-table th{padding:var(--s-3)var(--s-5);text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--admin-text-muted);border-bottom:1px solid var(--admin-border);background:var(--admin-surface2);font-size:.7rem;font-weight:600}.admin-table td{padding:var(--s-4)var(--s-5);color:var(--admin-text);border-bottom:1px solid var(--admin-border);font-size:.875rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--admin-surface2)}.btn-admin-primary{background:var(--admin-gold);color:#1a1208;padding:var(--s-2)var(--s-5);border-radius:var(--r-full);cursor:pointer;align-items:center;gap:var(--s-2);transition:all var(--t-fast);border:none;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-admin-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-admin-ghost{background:var(--admin-surface2);border:1px solid var(--admin-border);color:var(--admin-text-muted);padding:var(--s-2)var(--s-4);border-radius:var(--r-full);cursor:pointer;align-items:center;gap:var(--s-2);transition:all var(--t-fast);font-size:.78rem;text-decoration:none;display:inline-flex}.btn-admin-ghost:hover{color:var(--admin-text);border-color:var(--admin-gold)}.admin-status{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-full);align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.ast-pending{color:#ca8a04;background:#eab30826}.ast-processing{color:#3b82f6;background:#3b82f626}.ast-shipped{color:#8b5cf6;background:#8b5cf626}.ast-delivered{color:#22c55e;background:#22c55e26}.ast-cancelled{color:#ef4444;background:#ef444426}.admin-name-cell{align-items:center;gap:var(--s-3);display:flex}.admin-cell-avatar{border-radius:var(--r-full);background:var(--admin-gold-soft);width:30px;height:30px;color:var(--admin-gold);flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}