:root,[data-theme=dark]{--bg: #0A0E14;--card: #12161E;--border: #1E2530;--sidebar: #0D1117;--t1: #E6EDF3;--t2: #8B949E;--t3: #484F58;--accent: #F59E0B;--accent-soft: rgba(245, 158, 11, .12);--green: #10B981;--red: #EF4444;--blue: #3B82F6;--purple: #8B5CF6;--yellow: #EAB308;--pink: #EC4899;--ml: #FFE600;--ml-soft: rgba(255, 230, 0, .12);--shopee: #EE4D2D;--shopee-soft: rgba(238, 77, 45, .14);--shadow-1: 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 6px 18px rgba(0, 0, 0, .3);--shadow-3: 0 16px 48px rgba(0, 0, 0, .45);--sidebar-width: 240px;--sidebar-collapsed: 64px}[data-theme=light]{--bg: #F8FAFC;--card: #FFFFFF;--border: #E2E8F0;--sidebar: #FFFFFF;--t1: #0F172A;--t2: #475569;--t3: #94A3B8;--accent: #EA580C;--accent-soft: rgba(234, 88, 12, .09);--green: #059669;--red: #DC2626;--blue: #2563EB;--purple: #7C3AED;--yellow: #CA8A04;--pink: #DB2777;--ml: #CA8A04;--ml-soft: rgba(202, 138, 4, .1);--shopee: #EE4D2D;--shopee-soft: rgba(238, 77, 45, .09);--shadow-1: 0 1px 4px rgba(15, 23, 42, .06);--shadow-2: 0 4px 12px rgba(15, 23, 42, .08);--shadow-3: 0 12px 32px rgba(15, 23, 42, .14)}:root{--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--z-nav: 90;--z-drawer: 300;--z-modal: 1000;--z-toast: 1300;--fs-label: 11px;--fs-small: 12px;--fs-body: 13px;--fs-md: 15px;--fs-h2: 18px;--fs-h1: 22px;--fs-kpi: 28px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;transition:background .2s ease,color .2s ease}input,button,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mono{font-family:JetBrains Mono,monospace}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSubtle{0%,to{box-shadow:0 0 0 0 var(--accent-rgb, rgba(59, 130, 246, .3))}50%{box-shadow:0 0 0 6px transparent}}.kpi-vivo{animation:fadeInUp .45s ease-out backwards}.kpi-vivo:nth-child(1){animation-delay:.05s}.kpi-vivo:nth-child(2){animation-delay:.1s}.kpi-vivo:nth-child(3){animation-delay:.15s}.kpi-vivo:nth-child(4){animation-delay:.2s}.kpi-vivo:nth-child(5){animation-delay:.25s}[style*="width:"][style*=background][style*=transition]{transition:width .5s cubic-bezier(.4,0,.2,1)!important}@media(hover:hover){[style*="background: var(--card)"]:not(.kpi-vivo):not([style*="position: fixed"]):not([style*="position:fixed"]):not([style*="position: absolute"]):not(table):not(thead):not(tbody):not(tr):not(td):not(th),[style*='background:"var(--card)"']:not(.kpi-vivo):not([style*="position: fixed"]):not([style*="position:fixed"]){transition:transform .18s ease,box-shadow .18s ease!important}[style*="background: var(--card)"]:not(.kpi-vivo):not([style*="position: fixed"]):not([style*="position:fixed"]):not([style*="position: absolute"]):not(table):not(thead):not(tbody):not(tr):not(td):not(th):hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}table tbody tr{transition:background .12s ease}table tbody tr:hover{background:var(--bg)!important}}button:not(:disabled):not([style*="cursor: default"]):not([style*="cursor:default"]){transition:transform .12s ease,background .15s ease,border-color .15s ease}button:not(:disabled):not([style*="cursor: default"]):not([style*="cursor:default"]):active{transform:scale(.97)}@media(max-width:768px){:root{--sidebar-width: 0px}body{font-size:14px}input,select,textarea{font-size:16px!important}}