*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121e;--surface2:#1a1a2e;--border:rgba(255,255,255,.07);--text:#f0f0f5;--muted:#7b7b94;--gold:#d4af37;--teal:#4ecdc4;--green:#2ecc71;--red:#e74c3c;--orange:#f39c12;--font:"Inter",-apple-system,sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.login-page{min-height:100vh;background:linear-gradient(135deg,#080810,#1a1a2e,#0f172a);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:24px;border:1px solid var(--border);padding:48px 36px;text-align:center}.login-icon{font-size:48px;margin-bottom:8px}.login-card h1{font-size:26px;font-weight:900;margin-bottom:4px}.login-sub{color:var(--muted);font-size:14px;margin-bottom:28px}.field{text-align:left;margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:13px 16px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;outline:none;box-sizing:border-box}.field input:focus{border-color:var(--gold)}.field input::placeholder{color:var(--muted)}.err{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:10px;padding:10px;color:var(--red);font-size:13px;margin-bottom:12px}.login-btn{width:100%;padding:15px;border-radius:12px;border:none;background:var(--gold);color:#0a0a0a;font-weight:800;font-size:16px;transition:transform .2s}.login-btn:hover{transform:scale(1.02)}.login-btn:disabled{opacity:.6}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0d0d18,#112);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;z-index:50}.sidebar-brand{padding:24px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.brand-icon{font-size:28px}.sidebar-brand h2{font-size:14px;font-weight:800;letter-spacing:1px;margin:0}.sidebar-brand p{font-size:12px;color:var(--muted);margin:0}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;border:none;background:none;color:var(--muted);font-size:14px;font-weight:500;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:#d4af371a;color:var(--gold);font-weight:700}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.sidebar-footer p{font-size:11px;color:var(--muted);margin-bottom:8px}.logout-btn{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:none;color:var(--muted);font-size:13px;transition:all .2s}.logout-btn:hover{background:#e74c3c1a;color:var(--red);border-color:#e74c3c33}.main-content{flex:1;margin-left:260px}.main-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.main-header h1{font-size:20px;font-weight:700;margin:0}.header-user{font-size:13px;color:var(--muted)}.content-area{padding:28px 32px}.loading{padding:60px;text-align:center;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px}.stat-card.lg{padding:28px}.stat-label{font-size:13px;color:var(--muted);font-weight:500}.stat-value{font-size:28px;font-weight:800}.stat-value.primary{color:var(--gold)}.stat-value.success{color:var(--green)}.stat-value.warning{color:var(--orange)}.stat-value.danger{color:var(--red)}.finance-note{grid-column:1/-1;color:var(--muted);font-size:13px;padding:12px;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:24px}.section-card h3{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--orange)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.data-table td{padding:12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:hover td{background:#ffffff05}.muted{color:var(--muted)}.success-text{color:var(--green)}.danger-text{color:var(--red);font-weight:700}.empty-text{text-align:center;color:var(--muted);padding:40px}.status-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase}.s-active,.s-delivered{background:#2ecc711f;color:var(--green)}.s-pending{background:#f39c121f;color:var(--orange)}.s-processing{background:#3498db1f;color:#3498db}.s-shipped{background:#9b59b61f;color:#9b59b6}.s-rejected,.s-cancelled{background:#e74c3c1f;color:var(--red)}.btn-sm{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:12px;font-weight:600;transition:all .2s}.btn-sm:hover{background:#ffffff14}.btn-sm.success{border-color:#2ecc714d;color:var(--green);background:#2ecc7114}.btn-group{display:flex;gap:6px}@media(max-width:768px){.sidebar{width:60px}.sidebar-brand div,.nav-item span:last-child,.sidebar-footer p{display:none}.sidebar-brand{justify-content:center;padding:16px}.nav-item{justify-content:center;padding:12px}.main-content{margin-left:60px}.content-area{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.data-table{font-size:11px}.data-table th,.data-table td{padding:8px}}