*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #F0F4F8;--bg-surface: #E8EDF3;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: rgba(0,0,0,.03);--bg-active: rgba(37,99,235,.06);--border: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.12);--border-blue: rgba(37,99,235,.3);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--primary: #1A3C6E;--primary-light: #2563EB;--accent: #D97706;--success: #059669;--danger: #DC2626;--warning: #D97706;--info: #2563EB;--glow-blue: 0 4px 20px rgba(37,99,235,.15);--glow-green: 0 4px 20px rgba(5,150,105,.15);--glow-amber: 0 4px 20px rgba(217,119,6,.15);--glow-red: 0 4px 20px rgba(220,38,38,.15);--grad-blue: linear-gradient(135deg,#1D4ED8,#3B82F6);--grad-green: linear-gradient(135deg,#047857,#10B981);--grad-amber: linear-gradient(135deg,#B45309,#F59E0B);--grad-red: linear-gradient(135deg,#B91C1C,#EF4444);--grad-purple: linear-gradient(135deg,#6D28D9,#A855F7);--grad-sidebar: linear-gradient(180deg,#1A3C6E 0%,#1e3a5f 100%);--grad-primary: var(--grad-blue);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--sidebar-w: 260px;--icon-blue: #2563EB;--icon-green: #059669;--icon-amber: #D97706;--icon-red: #DC2626;--icon-purple: #7C3AED;--icon-bg-blue: rgba(37,99,235,.1);--icon-bg-green: rgba(5,150,105,.1);--icon-bg-amber: rgba(217,119,6,.1);--icon-bg-red: rgba(220,38,38,.1);--icon-bg-purple: rgba(124,58,237,.1);--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--surface: #FFFFFF}[data-theme=dark]{--bg-base: #070B14;--bg-surface: #0D1526;--bg-card: #111827;--bg-elevated: #162035;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(59,130,246,.12);--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.12);--border-blue: rgba(59,130,246,.35);--text-primary: #F8FAFC;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--primary: #1e3a5f;--primary-light: #3B82F6;--accent: #F59E0B;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--glow-blue: 0 4px 24px rgba(59,130,246,.25);--glow-green: 0 4px 24px rgba(16,185,129,.25);--glow-amber: 0 4px 24px rgba(245,158,11,.25);--glow-red: 0 4px 24px rgba(239,68,68,.25);--grad-blue: linear-gradient(135deg,#1D4ED8,#3B82F6);--grad-green: linear-gradient(135deg,#059669,#10B981);--grad-amber: linear-gradient(135deg,#D97706,#F59E0B);--grad-red: linear-gradient(135deg,#DC2626,#EF4444);--grad-purple: linear-gradient(135deg,#7C3AED,#A855F7);--grad-sidebar: linear-gradient(180deg,#0D1526 0%,#0A1020 100%);--grad-primary: var(--grad-blue);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-xl: 0 20px 60px rgba(0,0,0,.7);--icon-blue: #60A5FA;--icon-green: #34D399;--icon-amber: #FCD34D;--icon-red: #F87171;--icon-purple: #C084FC;--icon-bg-blue: rgba(59,130,246,.15);--icon-bg-green: rgba(16,185,129,.15);--icon-bg-amber: rgba(245,158,11,.15);--icon-bg-red: rgba(239,68,68,.15);--icon-bg-purple: rgba(168,85,247,.15);--gray-50: #0F172A;--gray-100: #1E293B;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748B;--gray-500: #94A3B8;--gray-600: #CBD5E1;--gray-700: #E2E8F0;--gray-800: #F1F5F9;--gray-900: #F8FAFC;--surface: var(--bg-elevated)}[data-color-scheme=green]{--primary: #065F46;--primary-light: #059669;--accent: #B45309;--grad-sidebar: linear-gradient(180deg,#065F46 0%,#064E3B 100%);--grad-primary: var(--grad-green);--bg-active: rgba(5,150,105,.06);--border-blue: rgba(5,150,105,.3);--glow-blue: 0 4px 20px rgba(5,150,105,.15)}[data-theme=dark][data-color-scheme=green]{--primary: #064E3B;--primary-light: #10B981;--accent: #F59E0B;--grad-sidebar: linear-gradient(180deg,#052e26 0%,#03140f 100%);--grad-primary: var(--grad-green);--bg-active: rgba(16,185,129,.12);--border-blue: rgba(16,185,129,.35);--glow-blue: 0 4px 24px rgba(16,185,129,.25)}[data-color-scheme=purple]{--primary: #4C1D95;--primary-light: #7C3AED;--accent: #DB2777;--grad-sidebar: linear-gradient(180deg,#4C1D95 0%,#3B0764 100%);--grad-primary: var(--grad-purple);--bg-active: rgba(124,58,237,.06);--border-blue: rgba(124,58,237,.3);--glow-blue: 0 4px 20px rgba(124,58,237,.15)}[data-theme=dark][data-color-scheme=purple]{--primary: #3B0764;--primary-light: #A855F7;--accent: #EC4899;--grad-sidebar: linear-gradient(180deg,#2a0a4a 0%,#170225 100%);--grad-primary: var(--grad-purple);--bg-active: rgba(168,85,247,.12);--border-blue: rgba(168,85,247,.35);--glow-blue: 0 4px 24px rgba(168,85,247,.25)}[data-color-scheme=red]{--primary: #7F1D1D;--primary-light: #DC2626;--accent: #B45309;--grad-sidebar: linear-gradient(180deg,#7F1D1D 0%,#5c1414 100%);--grad-primary: var(--grad-red);--bg-active: rgba(220,38,38,.06);--border-blue: rgba(220,38,38,.3);--glow-blue: 0 4px 20px rgba(220,38,38,.15)}[data-theme=dark][data-color-scheme=red]{--primary: #5c1414;--primary-light: #EF4444;--accent: #F59E0B;--grad-sidebar: linear-gradient(180deg,#3d0d0d 0%,#200606 100%);--grad-primary: var(--grad-red);--bg-active: rgba(239,68,68,.12);--border-blue: rgba(239,68,68,.35);--glow-blue: 0 4px 24px rgba(239,68,68,.25)}[data-color-scheme=teal]{--primary: #0F766E;--primary-light: #0D9488;--accent: #C2410C;--grad-sidebar: linear-gradient(180deg,#0F766E 0%,#0b544e 100%);--grad-primary: linear-gradient(135deg,#0F766E,#14B8A6);--bg-active: rgba(13,148,136,.06);--border-blue: rgba(13,148,136,.3);--glow-blue: 0 4px 20px rgba(13,148,136,.15)}[data-theme=dark][data-color-scheme=teal]{--primary: #0b544e;--primary-light: #14B8A6;--accent: #FB923C;--grad-sidebar: linear-gradient(180deg,#083a35 0%,#041d1a 100%);--grad-primary: linear-gradient(135deg,#0F766E,#14B8A6);--bg-active: rgba(20,184,166,.12);--border-blue: rgba(20,184,166,.35);--glow-blue: 0 4px 24px rgba(20,184,166,.25)}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,select,textarea{outline:none;border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;font-size:14px;width:100%;font-family:inherit;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background .25s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--bg-active);background:var(--bg-card)}select option{background:var(--bg-elevated);color:var(--text-primary)}input[type=checkbox],input[type=radio]{width:15px;height:15px;min-width:15px;padding:0;border-radius:3px;flex-shrink:0;vertical-align:middle;cursor:pointer;accent-color:var(--primary);transition:none}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none;border-color:var(--border-light);outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out 0s}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer;border:none;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--glow-blue)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--glow-blue);transform:translateY(-1px)}.btn-accent{background:var(--grad-amber);color:#fff;box-shadow:0 2px 10px #d9770640}.btn-accent:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-success{background:var(--grad-green);color:#fff;box-shadow:0 2px 10px #05966940}.btn-success:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-danger{background:var(--grad-red);color:#fff;box-shadow:0 2px 10px #dc262640}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-light);border:1.5px solid var(--border-blue)}.btn-outline:hover{background:var(--bg-active)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-white{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light)}.btn-white:hover{background:var(--bg-hover)}.btn-gray{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-gray:hover{background:var(--bg-hover)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:6px}.btn-lg{padding:13px 28px;font-size:16px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.form-input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s}.form-input:focus{border-color:var(--primary-light)}.form-input:disabled{opacity:.55;cursor:not-allowed}.form-input[type=textarea],textarea.form-input{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,background .25s}.card:hover{border-color:var(--border-light)}.card-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}table{width:100%;border-collapse:collapse}th{background:var(--bg-surface);padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border)}td{padding:13px 16px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border);transition:background .15s}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover);color:var(--text-primary)}tr.row-selected td{background:#ef44440f}tr.row-selected:hover td{background:#ef44441f}td strong{color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.badge-success{background:#0596691f;color:#059669;border:1px solid rgba(5,150,105,.2)}.badge-warning{background:#d977061f;color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge-danger{background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge-info{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.badge-gray{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.badge-purple{background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.2)}[data-theme=dark] .badge-success{color:#34d399}[data-theme=dark] .badge-warning{color:#fcd34d;border-color:#f59e0b40;background:#f59e0b26}[data-theme=dark] .badge-danger{color:#f87171;border-color:#ef444440;background:#ef444426}[data-theme=dark] .badge-info{color:#60a5fa;border-color:#3b82f640;background:#3b82f626}[data-theme=dark] .badge-purple{color:#c084fc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;transition:all .25s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .25s}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-card.blue:before{background:var(--grad-blue)}.stat-card.green:before{background:var(--grad-green)}.stat-card.amber:before{background:var(--grad-amber)}.stat-card.red:before{background:var(--grad-red)}.stat-card.purple:before{background:var(--grad-purple)}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:background .25s}.stat-icon.blue{background:var(--icon-bg-blue);color:var(--icon-blue)}.stat-icon.green{background:var(--icon-bg-green);color:var(--icon-green)}.stat-icon.amber{background:var(--icon-bg-amber);color:var(--icon-amber)}.stat-icon.red{background:var(--icon-bg-red);color:var(--icon-red)}.stat-icon.purple{background:var(--icon-bg-purple);color:var(--icon-purple)}.stat-val{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.stat-lbl{font-size:13px;color:var(--text-secondary);margin-top:2px;font-weight:500}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.stat-trend{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px}.stat-trend.up{background:#0596691a;color:#059669}.stat-trend.down{background:#dc26261a;color:#dc2626}[data-theme=dark] .stat-trend.up{background:#10b98126;color:#34d399}[data-theme=dark] .stat-trend.down{background:#ef444426;color:#f87171}.dash-layout{display:flex;min-height:100vh;background:var(--bg-base);transition:background .25s}.sidebar{width:var(--sidebar-w);background:var(--grad-sidebar);border-right:1px solid var(--border);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;overflow-y:auto;transition:background .25s,border-color .25s}.sidebar-logo{padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.1);font-size:22px;font-weight:900;cursor:pointer;letter-spacing:-.5px;color:#fff}.sidebar-logo span{color:var(--accent)}.sidebar-role{padding:8px 24px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff6;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-nav{flex:1;padding:12px 0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 20px;margin:2px 10px;font-size:14px;font-weight:500;color:#ffffffa6;cursor:pointer;transition:all .18s;border-radius:10px;position:relative}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#ffffff24;color:#fff;font-weight:700}.sidebar-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-item i{width:18px;text-align:center;font-size:14px}.sidebar-sep{height:1px;background:#ffffff14;margin:8px 20px}.sidebar-section-label{padding:10px 20px 4px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#ffffff59;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar-search{position:relative;margin:0 16px 8px}.sidebar-search>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#fff6;pointer-events:none}.sidebar-search input{width:100%;box-sizing:border-box;padding:8px 30px 8px 32px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:13px;outline:none;transition:border-color .15s}.sidebar-search input::placeholder{color:#ffffff59}.sidebar-search input:focus{border-color:#ffffff52}.sidebar-search .sidebar-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff73;cursor:pointer;font-size:11px;padding:4px 6px}.fav-star{margin-left:auto;background:none;border:none;cursor:pointer;color:#ffffff4d;font-size:11px;padding:2px 4px;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;line-height:1}.sidebar-item:hover .fav-star{opacity:1}.fav-star.active{opacity:1;color:#f59e0b}.fav-star:hover{color:#f59e0b}.sidebar-no-results{padding:12px 22px;font-size:12px;color:#fff6}.sidebar-bottom{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.sidebar-avatar{width:36px;height:36px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;color:#fff}.sidebar-user-info p{font-size:13px;font-weight:600;color:#fff}.sidebar-user-info small{font-size:11px;color:#ffffff73}.dash-main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column}.dash-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;transition:background .25s,border-color .25s}[data-theme=dark] .dash-topbar{background:#0d1526d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dash-topbar h1{font-size:18px;font-weight:700;color:var(--text-primary)}.topbar-right{display:flex;align-items:center;gap:12px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-bottom:2px}.breadcrumb span{color:var(--text-secondary)}.dash-content{padding:28px 32px;flex:1}.theme-toggle{width:100%;height:40px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer;color:#ffffffbf;font-size:13px;font-weight:500;transition:all .2s;margin-bottom:10px}.theme-toggle i{font-size:14px}.theme-toggle:hover{background:#ffffff29;color:#fff;border-color:#ffffff38}.topbar-theme-toggle{width:36px;height:36px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:15px;transition:all .2s}.topbar-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}[data-theme=dark] .modal-overlay{background:#000000b3}.modal{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:20px;padding:36px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .25s ease}.modal h2{font-size:20px;font-weight:800;margin-bottom:24px;color:var(--text-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.modal-close{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s,border-color .15s}.modal-close:hover{background:#ef444414;color:#ef4444;border-color:#ef444440}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;margin-top:8px;border-top:1px solid var(--border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.prod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .25s;cursor:pointer}.prod-card:hover{border-color:var(--border-blue);box-shadow:var(--shadow-md),var(--glow-blue);transform:translateY(-3px)}.prod-img{height:150px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:54px}.prod-body{padding:18px}.prod-cat{font-size:10px;color:var(--primary-light);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.prod-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.prod-sku{font-size:12px;color:var(--text-muted);font-family:monospace}.prod-price{font-size:22px;font-weight:800;color:var(--primary-light);margin:10px 0 6px}.prod-stock{font-size:12px;color:var(--text-muted)}.search-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;position:relative}.search-input i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px}.search-input input{padding-left:38px}select.filter-select{width:auto;min-width:150px}.toast{position:fixed;top:80px;right:24px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;z-index:999;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:slideIn .3s ease;border:1px solid rgba(255,255,255,.1)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}.spinner{display:flex;align-items:center;justify-content:center;padding:80px;color:var(--text-muted)}.spinner i{font-size:32px;animation:spin 1s linear infinite}.empty{text-align:center;padding:70px;color:var(--text-muted)}.empty i{font-size:52px;margin-bottom:16px;display:block;opacity:.35}.empty p{font-size:15px;color:var(--text-secondary)}.notif-btn{width:40px;height:40px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-secondary);transition:all .2s}.notif-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;position:absolute;top:8px;right:8px;animation:pulse 2s infinite}.tag{display:inline-block;background:var(--bg-active);color:var(--primary-light);border:1px solid var(--border-blue);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.alert-error{background:#dc262614;color:var(--danger);border:1px solid rgba(220,38,38,.2)}.alert-info{background:#2563eb14;color:var(--info);border:1px solid rgba(37,99,235,.2)}.alert-success{background:#05966914;color:var(--success);border:1px solid rgba(5,150,105,.2)}[data-theme=dark] .alert-error{color:#f87171}[data-theme=dark] .alert-info{color:#60a5fa}[data-theme=dark] .alert-success{color:#34d399}.cart-bar{background:var(--bg-active);border:1px solid var(--border-blue);border-radius:14px;margin-bottom:20px}.cart-items{padding:12px 24px;display:flex;gap:10px;flex-wrap:wrap}.cart-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:24px;transition:background .25s}[data-theme=dark] .glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.kpi-row{display:flex;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:24px;background:var(--bg-card)}.kpi-item{flex:1;padding:20px 24px;border-right:1px solid var(--border);background:var(--bg-card);transition:background .25s}.kpi-item:last-child{border-right:none}.kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px}.kpi-value{font-size:24px;font-weight:800;color:var(--text-primary)}.kpi-change{font-size:12px;margin-top:4px;font-weight:600}.progress-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;padding:12px 0;position:relative}.timeline-item:before{content:"";position:absolute;left:16px;top:32px;width:2px;bottom:0;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;z-index:1}.timeline-content{flex:1;padding-top:6px}.timeline-title{font-size:14px;font-weight:600;color:var(--text-primary)}.timeline-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.timeline-time{font-size:11px;color:var(--text-muted);margin-top:4px}.donut-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.donut-label{position:absolute;text-align:center}.auth-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;transition:background .25s}.resp-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resp-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:580px}.sidebar-hamburger{display:none;position:fixed;bottom:22px;right:22px;width:52px;height:52px;border-radius:50%;background:var(--grad-primary);color:#fff;border:none;font-size:18px;z-index:101;box-shadow:var(--glow-blue);align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.sidebar-hamburger:hover{transform:scale(1.08)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:49;animation:fadeIn .2s ease}.sidebar-overlay.active{display:block}@media (max-width: 1024px){:root{--sidebar-w: 220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.kpi-row{flex-wrap:wrap}.kpi-item{flex:1 1 50%;border-bottom:1px solid var(--border)}.dash-content{padding:20px 24px}.dash-topbar{padding:0 24px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50}.sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 32px #00000059}.sidebar-hamburger{display:flex}.dash-main{margin-left:0;width:100%}.dash-content{padding:14px 14px 80px}.dash-topbar{padding:0 14px;height:56px}.dash-topbar h1{font-size:15px}.breadcrumb{display:none}.topbar-right{gap:8px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 16px;gap:10px}.stat-val{font-size:18px}.stat-lbl{font-size:12px}.stat-icon{width:40px;height:40px;font-size:16px}.kpi-row{flex-direction:column}.kpi-item{border-right:none;border-bottom:1px solid var(--border)}.kpi-item:last-child{border-bottom:none}.resp-2col{grid-template-columns:1fr}.resp-3col{grid-template-columns:1fr 1fr}.card{overflow-x:auto}.table-wrap table,.card table{min-width:540px}.form-row{grid-template-columns:1fr}.prod-grid{grid-template-columns:1fr 1fr;gap:12px}.search-bar{flex-direction:column;gap:8px}.search-input{min-width:unset;width:100%}select.filter-select{width:100%}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-height:92vh;padding:20px 16px 32px;width:100%;max-width:100%}.modal-header,.modal .search-bar{margin-bottom:12px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.prod-grid,.resp-3col{grid-template-columns:1fr}.stat-card{padding:12px 14px}.stat-val{font-size:16px}.stat-icon{width:36px;height:36px;font-size:14px;border-radius:10px}.dash-content{padding:10px 10px 80px}}.drawer-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.drawer-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.dealer-role-tabs{display:flex;gap:6px;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-header{flex-shrink:0}@media (max-width: 768px){.dealer-popup{width:100%!important;max-height:95vh!important;border-radius:16px!important}.drawer-3col{grid-template-columns:1fr 1fr;gap:8px}.drawer-2col{grid-template-columns:1fr;gap:8px}.dealer-role-tabs{flex-wrap:wrap}.dealer-card-grid{grid-template-columns:1fr!important}.drawer-header{padding:14px 14px 0!important}.drawer-body{padding:14px!important}}@media (max-width: 480px){.drawer-3col{grid-template-columns:1fr;gap:6px}.stats-grid{grid-template-columns:repeat(2,1fr)}}