:root,[data-theme=dark]{--bg-primary: #060A13;--bg-secondary: #0C1222;--bg-card: #111B2E;--bg-card-hover: #152038;--bg-input: #0D1526;--border: #1A2744;--border-light: #243352;--text-primary: #E8EDF5;--text-secondary: #8B9DC3;--text-dim: #4F6289;--accent: #6C72FF;--accent-hover: #8488FF;--accent-bg: rgba(108, 114, 255, .08);--accent-bg-strong: rgba(108, 114, 255, .15);--success: #00D68F;--success-bg: rgba(0, 214, 143, .1);--warning: #FFB547;--warning-bg: rgba(255, 181, 71, .1);--danger: #FF5A65;--danger-bg: rgba(255, 90, 101, .1);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.15);--shadow-modal: 0 8px 40px rgba(0,0,0,.5)}[data-theme=light]{--bg-primary: #F1F5F9;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-input: #F1F5F9;--border: #E2E8F0;--border-light: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-dim: #94A3B8;--accent: #4F46E5;--accent-hover: #6366F1;--accent-bg: rgba(79, 70, 229, .06);--accent-bg-strong: rgba(79, 70, 229, .12);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .08);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .06);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-modal: 0 8px 40px rgba(0,0,0,.15)}:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}input,select,textarea{font-family:var(--font-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn .3s ease forwards}.modal-animate{animation:slideIn .25s ease forwards}@media (max-width: 1024px){.grid-5{grid-template-columns:repeat(3,1fr)!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.sidebar{width:0!important;overflow:hidden!important;position:absolute;z-index:100;height:100vh}.sidebar.open{width:240px!important}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.sidebar.open+.sidebar-overlay{display:block}.main-header{padding:12px 16px!important}.main-header h2{font-size:15px!important}.main-header .header-actions{gap:4px!important}.main-header .search-input{width:120px!important}.main-header .user-menu-email{display:none!important}.main-content{padding:14px!important}.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.desktop-only{display:none!important}.mobile-menu-btn{display:flex!important}table{font-size:12px}table th,table td{padding:8px 10px!important}.modal-inner{width:95vw!important;max-height:90vh!important;padding:20px!important}.modal-grid-3,.modal-grid-2{grid-template-columns:1fr!important}.sale-item-grid{grid-template-columns:1fr!important;gap:6px!important}}@media (max-width: 480px){.stat-card{padding:14px!important}.stat-card .stat-value{font-size:20px!important}.card-inner{padding:14px!important}}