:root{--bg-base: #0A0F1E;--bg-surface: #111827;--bg-elevated:#1A2235;--bg-border: #1E2D45;--bg-hover: #1F3050;--brand-400: #34D399;--brand-500: #10B981;--brand-600: #059669;--text-primary: #F0F6FF;--text-secondary: #94A3B8;--text-muted: #4B5E7A;--font-sans: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--transition-fast: all .12s ease;--transition-normal: all .2s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #F1F5F9;--bg-border: #E2E8F0;--bg-hover: #E8ECF1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8}[data-theme=light] body{background-color:#f8fafc;color:#0f172a}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .recharts-cartesian-grid-horizontal line,[data-theme=light] .recharts-cartesian-grid-vertical line{stroke:#e2e8f0}[data-theme=light] .recharts-text{fill:#475569!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}#root{min-height:100%}html{overscroll-behavior:none}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#1e2d45}.recharts-text{font-family:DM Mono,monospace!important;fill:#94a3b8!important;font-size:11px!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes videoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes videoPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .25s ease forwards}.slide-in-left{animation:slideInLeft .2s ease forwards}.video-spin{animation:videoSpin 1s linear infinite}.video-pulse{animation:videoPulse 1.2s ease infinite}@media(max-width:767px){.mobile-menu-toggle{display:none!important}.topbar-root{padding-top:var(--safe-top)!important;height:calc(56px + var(--safe-top))!important}.topbar-date{display:none!important}.topbar-root{padding:0 12px!important;gap:8px!important}.topbar-crumbs{gap:4px!important}.topbar-root a,.topbar-root button{min-width:44px;min-height:44px}input,select,textarea{font-size:16px!important}}@media(max-width:359px){.topbar-root{padding-left:8px!important;padding-right:8px!important;gap:6px!important}.topbar-crumbs span{font-size:12px!important}}@media(min-width:768px)and (max-width:1023px){.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;overflow:hidden;overscroll-behavior:none}@media(pointer:coarse){button,[role=button]{min-height:44px;min-width:44px}}a:not([role=button]){min-height:unset;min-width:unset}.badge-dot,.status-dot{min-height:unset;min-width:unset}nav a,.icon-btn-sm,.glow-card--sidebar button{min-height:unset;min-width:unset}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#243044}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease both}.mobile-menu-toggle{display:none!important}@media(max-width:767px){.mobile-menu-toggle{display:flex!important}.topbar-date{display:none!important}main{overflow-x:hidden!important}h1{font-size:clamp(1.1rem,4.5vw,1.5rem)!important}h2{font-size:clamp(.9rem,3.5vw,1.125rem)!important}h3{font-size:clamp(.85rem,3vw,1rem)!important}[style*=grid-template-columns]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.responsive-grid,.responsive-grid-2{grid-template-columns:1fr!important}.recharts-responsive-container{min-height:180px!important;max-height:240px!important}.notif-dropdown{width:min(340px,calc(100vw - 24px))!important;right:-60px!important}table{font-size:.75rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:6px 8px!important;white-space:nowrap}table th:first-child,table td:first-child{position:sticky;left:0;z-index:2;background:inherit}.glow-card>div,[style*="padding: 1.5rem"],[style*="padding: 1.25rem"]{padding:.75rem!important}input,select,textarea{font-size:16px!important}.mobile-stack{flex-direction:column!important}.desktop-only{display:none!important}}@media(min-width:768px)and (max-width:1024px){h1{font-size:clamp(1.5rem,4vw,1.875rem)!important}.responsive-grid-2{grid-template-columns:1fr 1fr!important}[style*=grid-template-columns]{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:374px){h1{font-size:1.1rem!important}h2{font-size:.9rem!important}.stat-card-value{font-size:1.25rem!important}[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:6px!important}}@media(min-width:1441px){main>.fade-in>div{max-width:1400px}}@media print{nav,.mobile-nav-root,.topbar-root,button{display:none!important}main{padding:0!important;overflow:visible!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}}@supports (padding: env(safe-area-inset-bottom)){.mobile-nav-root{padding-bottom:env(safe-area-inset-bottom,0px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mobile-only{display:none!important}@media(max-width:767px){.mobile-only{display:flex!important}}@media(max-height:500px)and (orientation:landscape){.mobile-nav-root{height:44px!important}.mobile-nav-root a{padding:4px 8px!important}.mobile-nav-root span{font-size:8px!important}}@property --hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --rotate{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-translate-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-size{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-opacity{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-blur{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-scale{syntax: "<number>"; inherits: true; initial-value: 2;}@property --glow-radius{syntax: "<number>"; inherits: true; initial-value: 2;}@property --white-shadow{syntax: "<number>"; inherits: true; initial-value: 0;}.glow-container{--card-color: hsl(260deg 100% 3%);--text-color: hsl(260deg 10% 55%);--card-radius: 3.6vw;--card-width: 35vw;--border-width: 3px;--bg-size: 1;--hue: 0;--hue-speed: 1;--rotate: 0;--animation-speed: 4s;--interaction-speed: .55s;--glow-scale: 1.5;--scale-factor: 1;--glow-blur: 6;--glow-opacity: 1;--glow-radius: 100;--glow-rotate-unit: 1deg;width:var(--card-width);width:min(480px,var(--card-width));aspect-ratio:1.5/1;color:#fff;margin:auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:var(--card-radius);cursor:pointer}.glow-container:before,.glow-container:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--card-radius);pointer-events:none}.glow-content{position:absolute;background:var(--card-color);border-radius:calc(var(--card-radius) * .9);display:flex;align-items:center;justify-content:center;padding:calc(var(--card-width) / 8)}.glow-content span{display:inline-block;padding:.25em;border-radius:4px;margin-right:8px}.glow-content:before{content:"";display:block;position:absolute;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));border-radius:calc(var(--card-radius) * .9);box-shadow:0 0 20px #000;mix-blend-mode:color-burn;z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 90%) calc(0% * var(--bg-size)),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 80%) calc(20% * var(--bg-size)),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%) calc(40% * var(--bg-size)),transparent 100%);animation:hue-animation var(--animation-speed) linear infinite,rotate-bg var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease}.glow{--glow-translate-y: 0;display:block;position:absolute;width:calc(var(--card-width) / 5);height:calc(var(--card-width) / 5);animation:rotate var(--animation-speed) linear infinite;transform:rotate(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:center;border-radius:calc(var(--glow-radius) * 10vw);pointer-events:none}.glow:after{content:"";display:block;z-index:-2;filter:blur(calc(var(--glow-blur) * 10px));width:130%;height:130%;left:-15%;top:-15%;background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%);position:relative;border-radius:calc(var(--glow-radius) * 10vw);animation:hue-animation var(--animation-speed) linear infinite;transform:scaleY(calc(var(--glow-scale) * var(--scale-factor) / 1.1)) scaleX(calc(var(--glow-scale) * var(--scale-factor) * 1.2)) translateY(calc(var(--glow-translate-y) * 1%));opacity:var(--glow-opacity)}.glow-container:hover .glow-content{mix-blend-mode:darken;--text-color: white;box-shadow:0 0 calc(var(--white-shadow) * 1vw) calc(var(--white-shadow) * .15vw) #fff3;animation:shadow-pulse calc(var(--animation-speed) * 2) linear infinite}.glow-container:hover .glow-content:before{--bg-size: 15;animation-play-state:paused;transition:--bg-size var(--interaction-speed) ease}.glow-container:hover .glow{--glow-blur: 1.5;--glow-opacity: .6;--glow-scale: 2.5;--glow-radius: 0;--rotate: 900;--glow-rotate-unit: 0;--scale-factor: 1.25;animation-play-state:paused}.glow-container:hover .glow:after{--glow-translate-y: 0;animation-play-state:paused;transition:--glow-translate-y 0s ease,--glow-blur .05s ease,--glow-opacity .05s ease,--glow-scale .05s ease,--glow-radius .05s ease}.glow-card{--card-color: hsl(228deg 30% 8%);--card-radius: 16px;--border-width: 2px;--bg-size: 1;--hue: 0;--hue-speed: 1;--rotate: 0;--animation-speed: 4s;--interaction-speed: .55s;--glow-scale: 1.2;--scale-factor: 1;--glow-blur: 4;--glow-opacity: .7;--glow-radius: 100;--glow-rotate-unit: 1deg;width:100%;color:#fff;display:flex;align-items:stretch;justify-content:stretch;position:relative;z-index:2;border-radius:var(--card-radius);cursor:pointer}.glow-card:before,.glow-card:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--card-radius);pointer-events:none}.glow-card>.glow-card-content{position:relative;background:var(--card-color);border-radius:calc(var(--card-radius) - 2px);width:100%;z-index:1}.glow-card>.glow-card-content:before{content:"";display:block;position:absolute;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(var(--border-width) / -2);left:calc(var(--border-width) / -2);border-radius:var(--card-radius);z-index:-1;background:#1a1a1a radial-gradient(40% 40% at calc(var(--bg-x, 50) * 1%) calc(var(--bg-y, 50) * 1%),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 85%) calc(0% * var(--bg-size)),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 65%) calc(30% * var(--bg-size)),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 45%) calc(50% * var(--bg-size)),transparent 100%);animation:hue-animation var(--animation-speed) linear infinite,rotate-bg var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease}.glow-card>.glow-spot{display:block;position:absolute;width:60px;height:60px;top:50%;left:50%;margin-top:-30px;margin-left:-30px;animation:rotate var(--animation-speed) linear infinite;transform:rotate(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:center;border-radius:calc(var(--glow-radius) * 10vw);pointer-events:none}.glow-card>.glow-spot:after{content:"";display:block;z-index:-2;filter:blur(calc(var(--glow-blur) * 8px));width:130%;height:130%;left:-15%;top:-15%;background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%);position:relative;border-radius:calc(var(--glow-radius) * 10vw);animation:hue-animation var(--animation-speed) linear infinite;transform:scaleY(calc(var(--glow-scale) * var(--scale-factor) / 1.1)) scaleX(calc(var(--glow-scale) * var(--scale-factor) * 1.2)) translateY(calc(var(--glow-translate-y, 0) * 1%));opacity:var(--glow-opacity)}.glow-card:hover>.glow-card-content{box-shadow:0 0 12px 2px #ffffff14}.glow-card:hover>.glow-card-content:before{--bg-size: 12;animation-play-state:paused;transition:--bg-size var(--interaction-speed) ease}.glow-card:hover>.glow-spot{--glow-blur: 1.2;--glow-opacity: .5;--glow-scale: 2;--glow-radius: 0;--rotate: 900;--glow-rotate-unit: 0;--scale-factor: 1.15;animation-play-state:paused}.glow-card:hover>.glow-spot:after{--glow-translate-y: 0;animation-play-state:paused;transition:--glow-translate-y 0s ease,--glow-blur .05s ease,--glow-opacity .05s ease,--glow-scale .05s ease,--glow-radius .05s ease}@keyframes shadow-pulse{0%,24%,46%,73%,96%{--white-shadow: .5}12%,28%,41%,63%,75%,82%,98%{--white-shadow: 2.5}6%,32%,57%{--white-shadow: 1.3}18%,52%,88%{--white-shadow: 3.5}}@keyframes rotate-bg{0%{--bg-x: 0;--bg-y: 0}25%{--bg-x: 100;--bg-y: 0}50%{--bg-x: 100;--bg-y: 100}75%{--bg-x: 0;--bg-y: 100}to{--bg-x: 0;--bg-y: 0}}@keyframes rotate{0%{--rotate: -70;--glow-translate-y: -65}25%{--glow-translate-y: -65}50%{--glow-translate-y: -65}60%,75%{--glow-translate-y: -65}85%{--glow-translate-y: -65}to{--rotate: 290 ;--glow-translate-y: -65}}@keyframes hue-animation{0%{--hue: 0}to{--hue: 360}}