:root{--bg: #f8fafc;--bg-secondary: #f1f5f9;--surface: #ffffff;--surface-elevated: #ffffff;--border: #e2e8f0;--border-strong: rgba(0, 0, 0, .12);--border-hover: #cbd5e1;--text: #000000;--text-2: #475569;--text-3: #94a3b8;--text-inverse: #ffffff;--accent: #0ea5e9;--accent-hover: #0284c7;--accent-light: #38bdf8;--accent-dark: #075985;--accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--accent-glow: rgba(14, 165, 233, .08);--accent-subtle: #e0f2fe;--accent-subtle-hover: #dbeafe;--success: #059669;--success-light: #10b981;--warning: #d97706;--warning-light: #f59e0b;--error: #dc2626;--error-light: #ef4444;--info: #1e40af;--info-light: #3b82f6;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-accent: 0 2px 8px 0 rgba(0, 0, 0, .06);--shadow-glow: none;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display: "Inter", var(--font-sans);--font-mono: "SF Mono", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--fs-kpi: 3.5rem;--fs-display: 4rem;--lh-none: 1;--lh-tight: 1.25;--lh-snug: 1.375;--lh-normal: 1.5;--lh-relaxed: 1.625;--lh-loose: 1.75;--ls-tighter: -.05em;--ls-tight: -.03em;--ls-normal: -.01em;--ls-wide: .01em;--ls-wider: .03em;--ls-widest: .05em;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--surface-hover: rgba(15, 23, 42, .02);--backdrop-blur: blur(20px);--backdrop-blur-strong: blur(40px);--glass-bg: rgba(255, 255, 255, 1);--glass-border: rgba(0, 0, 0, .06);--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 20px;--icon-2xl: 24px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--border-width: 1px;--border-width-strong: 2px;--height-sparkline: 100px;--height-chart: 300px;--height-chart-mobile: 240px;--height-indicator-card: 360px;--height-indicator-card-mobile: auto;--height-kpi-card: 240px;--height-kpi-card-mobile: 200px;--transition-hover: all var(--transition-base);--transition-card: all var(--transition-base);--transition-interactive: all var(--transition-fast)}html.theme-dark,body.theme-dark{--bg: #000000;--bg-secondary: #111111;--surface: #111111;--surface-elevated: #1a1a1a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-hover: rgba(255, 255, 255, .12);--text: #ffffff;--text-2: #a1a1aa;--text-3: #71717a;--text-inverse: #000000;--accent: #ffffff;--accent-hover: #ffffff;--accent-light: #a1a1aa;--accent-dark: #ffffff;--accent-gradient: linear-gradient(135deg, #ffffff 0%, #e4e4e7 100%);--accent-glow: rgba(255, 255, 255, .05);--accent-subtle: rgba(255, 255, 255, .04);--accent-subtle-hover: rgba(255, 255, 255, .06);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--shadow-accent: 0 2px 8px 0 rgba(0, 0, 0, .4);--shadow-glow: none;--border-hover: rgba(255, 255, 255, .15);--surface-hover: rgba(255, 255, 255, .05);--glass-bg: rgba(17, 17, 17, 1);--glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;width:100%}*,*:before,*:after{transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-slow)}.card-surface,.kpi-card,.card,.stat,.indicator-card{will-change:transform,box-shadow;transform:translateZ(0);-webkit-transform:translateZ(0)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 20% 50%,var(--accent-subtle) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--accent-subtle) 0%,transparent 50%),var(--bg);background-size:100% 100%,100% 100%,100% 100%;background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-slow),color var(--transition-slow);position:relative;min-height:100vh}body.theme-dark{background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%),var(--bg);background-size:100% 100%,100% 100%,100% 100%;background-attachment:fixed}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:3px solid var(--bg-secondary);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:var(--accent);text-decoration:none;font-weight:var(--fw-medium);transition:color var(--transition-base);position:relative}a:hover{color:var(--accent-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 0 4px var(--accent-subtle)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm);transition:outline-offset var(--transition-fast)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-subtle)}@media (prefers-contrast: high){:focus-visible{outline-width:4px;outline-offset:4px}button:focus-visible,input:focus-visible{outline-width:4px;box-shadow:0 0 0 6px var(--accent-subtle)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card-surface{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden;isolation:isolate}.card-surface:hover{box-shadow:0 8px 20px -8px #0f172a1f;border-color:var(--border-hover);transform:translateY(-1px)}.skeletons{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 820px){.skeletons{grid-template-columns:1fr}}.skeleton-card{height:160px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hover) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border:1px solid var(--border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-normal);white-space:nowrap;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:40px;box-shadow:var(--shadow-sm);text-decoration:none;-webkit-user-select:none;user-select:none}.btn-base:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-subtle),var(--shadow-sm)}.btn-base:active{transform:scale(.98)}.btn-primary{background:var(--accent-subtle);border-color:color-mix(in srgb,var(--accent) 65%,#ffffff 35%);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-primary:hover{background:var(--accent-subtle-hover);border-color:color-mix(in srgb,var(--accent) 80%,#ffffff 20%);transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);border-color:var(--border);color:var(--text-2)}.btn-secondary:hover{background:var(--surface);border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2);box-shadow:none}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);min-height:32px;gap:var(--space-1)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-base);min-height:48px;gap:var(--space-3)}.input-base{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);transition:all var(--transition-base);min-height:40px}.input-base:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.input-base::placeholder{color:var(--text-3)}.card-base{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden;isolation:isolate}.card-base:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.badge-base{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap}.badge-primary{background:var(--accent-subtle);color:var(--accent);border:var(--border-width) solid var(--accent)}.badge-secondary{background:var(--bg-secondary);color:var(--text-2);border:var(--border-width) solid var(--border)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-4xl{font-size:var(--fs-4xl)}.font-normal{font-weight:var(--fw-normal)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}