:root,[data-theme=light]{--brand: #7A1FD1;--brand-light: #9401E3;--brand-dark: #5B14A3;--brand-dim: rgba(122, 31, 209, .1);--brand-glow: rgba(122, 31, 209, .18);--accent: #d97706;--accent-dim: rgba(217, 119, 6, .12);--positive: #047857;--positive-bg: #D1FAE5;--positive-dim: rgba(4, 120, 87, .12);--negative: #b91c1c;--negative-bg: #FEE2E2;--negative-dim: rgba(185, 28, 28, .12);--warning: #b45309;--warning-bg: #FEF3C7;--warning-dim: rgba(180, 83, 9, .12);--neutral: #475569;--neutral-dim: rgba(71, 85, 105, .12);--bg-base: #F8F9FB;--bg-panel: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F5ECFF;--bg-raised: #F1F5F9;--header-bg: rgba(255, 255, 255, .95);--text-primary: #0F172A;--text-secondary: #334155;--text-dim: #475569;--text-muted: #64748B;--border: #CBD5E1;--border-light: #E2E8F0;--border-brand: rgba(122, 31, 209, .4);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-glow: 0 0 20px rgba(122, 31, 209, .18);--mesh-color-1: rgba(122, 31, 209, .06);--mesh-color-2: rgba(5, 150, 105, .04);--mesh-color-3: rgba(217, 119, 6, .04);--hero-gradient: linear-gradient(135deg, #7A1FD1 0%, #5B14A3 100%);--hero-text: #FFFFFF;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 36px;--text-3xl: 48px;--text-hero: 64px;--page-pad-x: 40px;--page-pad-y: 60px;--section-pad-y: 48px;--sidebar-width: 250px;--header-height: 64px}[data-theme=dark]{--bg-base: #080c14;--bg-panel: #0e1422;--bg-card: #141c30;--bg-card-hover: #1b2640;--bg-raised: #222f4d;--header-bg: rgba(14, 20, 34, .92);--brand: #9401E3;--brand-light: #a855f7;--brand-dark: #7A1FD1;--brand-dim: rgba(148, 1, 227, .18);--brand-glow: rgba(168, 85, 247, .28);--accent: #fbbf24;--accent-dim: rgba(251, 191, 36, .15);--positive: #10b981;--positive-bg: rgba(16, 185, 129, .16);--positive-dim: rgba(16, 185, 129, .16);--negative: #ef4444;--negative-bg: rgba(239, 68, 68, .16);--negative-dim: rgba(239, 68, 68, .16);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .16);--warning-dim: rgba(245, 158, 11, .16);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-dim: #94A3B8;--text-muted: #64748B;--border: #334155;--border-light: #1E293B;--border-brand: rgba(168, 85, 247, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(168, 85, 247, .18);--mesh-color-1: rgba(139, 92, 246, .08);--mesh-color-2: rgba(16, 185, 129, .05);--mesh-color-3: rgba(245, 158, 11, .04);--hero-gradient: linear-gradient(135deg, rgba(20, 28, 48, .9) 0%, rgba(27, 38, 64, .9) 100%);--hero-text: var(--text-primary)}@media(max-width:768px){:root{--page-pad-x: 20px;--page-pad-y: 40px;--section-pad-y: 32px;--text-hero: 44px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 20px}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}@keyframes ambientGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ambient-mesh{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--mesh-color-1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,var(--mesh-color-2) 0%,transparent 30%),radial-gradient(circle at 20% 80%,var(--mesh-color-3) 0%,transparent 30%);background-size:200% 200%;animation:ambientGlow 20s ease infinite;z-index:-1;pointer-events:none;will-change:transform;transform:translateZ(0)}button,input,select,textarea{font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .2s ease;width:100%}.glass-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.glass-card-interactive{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.glass-card-interactive:hover{transform:translateY(-2px);border-color:var(--border-brand);box-shadow:var(--shadow-glow)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-icon{color:var(--text-muted);cursor:help;transition:color .15s ease;display:inline-flex;align-items:center;justify-content:center}.tooltip-icon:hover{color:var(--brand-light)}.tooltip-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);width:260px;padding:12px 14px;background-color:#1a233a;border:1px solid rgba(168,85,247,.4);border-radius:10px;color:var(--text-primary);font-size:12px;line-height:1.45;box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:100}@media(max-width:768px){.tooltip-popup{width:220px;left:-100px;transform:translate(0) translateY(-8px)}.tooltip-wrapper:hover .tooltip-popup,.tooltip-wrapper:focus-within .tooltip-popup{transform:translate(0) translateY(-12px)}.tooltip-popup:after{left:auto;right:20px}}.tooltip-wrapper:hover .tooltip-popup,.tooltip-wrapper:focus-within .tooltip-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}.tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1a233a transparent transparent transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f780}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.badge-positive{background:var(--positive-bg);color:var(--positive);border:1px solid var(--positive);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.badge-negative{background:var(--negative-bg);color:var(--negative);border:1px solid var(--negative);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.badge-brand{background:var(--brand-dim);color:var(--brand);border:1px solid var(--border-brand);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.input-field{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;font-size:15px;color:var(--text-primary);width:100%;outline:none;transition:all .15s ease}.input-field:focus{border-color:var(--brand-light);box-shadow:0 0 0 3px var(--brand-dim)}.btn-primary{background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand-dark) 100%);color:#fff;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 16px #8b5cf666}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 24px #8b5cf68c;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.dashboard-container{display:flex;background-color:transparent;min-height:100vh}.dashboard-sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background-color:var(--bg-panel);border-right:1px solid var(--border);padding:24px 18px;display:flex;flex-direction:column;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-main{margin-left:var(--sidebar-width);flex:1;min-width:0;transition:margin-left .3s ease}.dashboard-header{height:var(--header-height);background-color:var(--header-bg);border-bottom:1px solid var(--border);padding:0 var(--page-pad-x);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-content{max-width:1180px;margin:0 auto;padding:0 var(--page-pad-x) var(--page-pad-y) var(--page-pad-x)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;margin-right:12px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-overlay.open{opacity:1;pointer-events:auto}@media(max-width:768px){.dashboard-sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}}.flex-mobile-stack{display:flex;gap:20px}@media(max-width:768px){.flex-mobile-stack{flex-direction:column}}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media(max-width:768px){.grid-responsive{grid-template-columns:1fr}}