:root{--touch-target-min:44px;--touch-target-comfortable:48px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--max-content-width:1280px;--max-content-width-wide:1400px;--navbar-height:72px;--navbar-height-mobile:60px;--navbar-height-xs:52px;--text-hero:clamp(1.75rem,1rem + 3vw,3.5rem);--text-section-title:clamp(1.5rem,1rem + 1.5vw,2.5rem);--text-kpi:clamp(1.25rem,1rem + 1.5vw,2.25rem);--text-body:clamp(.875rem,.8rem + .25vw,1.125rem);--text-chart-axis:clamp(9px,8px + .2vw,12px);--chart-height-primary:clamp(250px,30vw,420px);--chart-height-secondary:clamp(140px,16vw,200px);--section-padding-x:clamp(12px,3vw,32px)}html,body{max-width:100vw;overflow-x:hidden}body{min-width:0}img,svg,canvas,video{max-width:100%}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.safe-area-inset-top{padding-top:var(--safe-area-top)}.safe-area-inset-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-inset-left{padding-left:var(--safe-area-left)}.safe-area-inset-right{padding-right:var(--safe-area-right)}@media (max-width:767px){.safe-area-inset-bottom{padding-bottom:calc(var(--safe-area-bottom) + 16px)}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-comfortable{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}button,[role=button],a[role=button],select,input[type=checkbox],input[type=radio],input[type=file],input[type=submit],input[type=button],.touch-target,.touch-target-comfortable,.topbar-menu-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation}.btn-sm-touch{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:8px 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.container-responsive{width:100%;max-width:100%;padding-left:var(--space-md);padding-right:var(--space-md);margin-left:auto;margin-right:auto}@media (min-width:640px){.container-responsive{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:768px){.container-responsive{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (min-width:1024px){.container-responsive{max-width:var(--max-content-width)}}@media (min-width:1280px){.container-responsive{max-width:var(--max-content-width-wide)}}@media (min-width:1536px){.container-responsive{max-width:1600px}}.mobile-bottom-nav{z-index:50;backdrop-filter:blur(12px);padding-bottom:var(--safe-area-bottom);background:#0b0e14fa;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{min-height:calc(var(--touch-target-min) + 12px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.mobile-bottom-nav-item svg{width:20px;height:20px}.mobile-bottom-nav-item span{font-size:11px;font-weight:500}.mobile-header{z-index:50;backdrop-filter:blur(12px);padding-top:var(--safe-area-top);background:#0b0e14fa;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.hamburger-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-md);color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:auto;height:auto;transition:all .2s;display:flex}.hamburger-btn:hover,.hamburger-btn:active{background:#ffffff1a;border-color:#00e3964d}.mobile-menu-overlay{backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;background:#0009;transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-panel{backdrop-filter:blur(12px);z-index:50;width:280px;max-width:85vw;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);background:#0b0e14fa;border-right:1px solid #ffffff1a;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu-panel.open{transform:translate(0)}.card-responsive{backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-md);background:#ffffff0d;border:1px solid #ffffff1a}@media (min-width:640px){.card-responsive{padding:var(--space-lg);border-radius:var(--radius-xl)}}@media (min-width:1024px){.card-responsive{padding:var(--space-xl)}}.card-grid-1,.card-grid-2{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.card-grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}.card-grid-3{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}.card-grid-4{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);background-color:#0000;background-image:linear-gradient(90deg,#0b0e14f2 30%,#0000),linear-gradient(270deg,#0b0e14f2 30%,#0000),linear-gradient(90deg,#ffffff14,#0000),linear-gradient(270deg,#ffffff14,#0000);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #ffffff1a;width:100%;overflow-x:auto}.table-responsive{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;font-size:13px}.table-responsive th,.table-responsive td{text-align:left;white-space:nowrap;padding:12px 16px}.table-responsive th{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;z-index:10;background:#0f172acc;font-size:11px;font-weight:600;position:sticky;top:0}.table-responsive td{border-bottom:1px solid #ffffff0d}.table-responsive tbody tr:hover{background:#ffffff08}@media (max-width:639px){.table-mobile-cards{background:0 0;border:none}.table-mobile-cards table,.table-mobile-cards thead,.table-mobile-cards tbody,.table-mobile-cards th,.table-mobile-cards td,.table-mobile-cards tr{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody tr{margin-bottom:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-md);background:#ffffff0d;border:1px solid #ffffff1a}.table-mobile-cards td{text-align:right;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-right:var(--space-md);font-size:11px;font-weight:600}}.tabs-scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.tabs-scrollable::-webkit-scrollbar{display:none}.tabs-scrollable>*{flex-shrink:0}.tab-btn{border-radius:var(--radius-md);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}@media (min-width:640px){.tab-btn{padding:12px 20px;font-size:14px}}.modal-overlay{backdrop-filter:blur(4px);z-index:100;padding:var(--space-md);padding-top:max(var(--space-md),var(--safe-area-top));padding-bottom:max(var(--space-md),var(--safe-area-bottom));background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{backdrop-filter:blur(12px);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom) - 32px);-webkit-overflow-scrolling:touch;background:#0b0e14fa;border:1px solid #ffffff1a;animation:.2s modal-in;overflow-y:auto}@media (max-width:639px){.modal-content{max-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom) - 16px);border-radius:var(--radius-lg)}.modal-full-mobile{border-radius:0;max-width:100%;max-height:100vh;position:fixed;inset:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-lg);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.modal-title{color:#e2e8f0;font-size:16px;font-weight:600}@media (min-width:640px){.modal-title{font-size:18px}}.modal-body{padding:var(--space-lg)}.modal-footer{gap:var(--space-md);padding:var(--space-lg);border-top:1px solid #ffffff1a;flex-direction:column-reverse;display:flex}@media (min-width:640px){.modal-footer{flex-direction:row;justify-content:flex-end}}.modal-close{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);color:#94a3b8;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:#e2e8f0;background:#ffffff1a}.dropdown-menu{z-index:50;backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#0b0e14fa;border:1px solid #ffffff1a;min-width:180px;max-width:calc(100vw - 32px);animation:.15s dropdown-in;position:absolute;overflow:hidden;box-shadow:0 10px 40px #0006}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;gap:var(--space-md);color:#e2e8f0;cursor:pointer;min-height:var(--touch-target-min);padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover,.dropdown-item:focus{background:#ffffff0d}.dropdown-item:active{background:#ffffff1a}@media (max-width:639px){.dropdown-sheet-mobile{left:var(--space-md);right:var(--space-md);bottom:max(var(--space-md),var(--safe-area-bottom));border-radius:var(--radius-xl);min-width:auto;max-width:none;animation:.3s cubic-bezier(.4,0,.2,1) sheet-up;position:fixed;top:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.form-group{margin-bottom:var(--space-lg)}.form-label{color:#94a3b8;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-responsive{width:100%;min-height:var(--touch-target-min);border-radius:var(--radius-md);color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 14px;font-size:16px;transition:all .2s}.input-responsive:focus{border-color:#00e396;outline:none;box-shadow:0 0 0 3px #00e39626}@media (min-width:640px){.input-responsive{padding:12px 16px;font-size:14px}}.input-with-icon{position:relative}.input-with-icon .input-responsive{padding-left:44px}.input-with-icon svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.select-responsive{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.checkbox-responsive,.radio-responsive{width:22px;min-width:22px;height:22px;min-height:22px}.btn{min-height:var(--touch-target-min);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#0b0e14;background:#00e396}.btn-primary:hover{background:#00c987}.btn-secondary{color:#e2e8f0;background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.btn-lg{min-height:52px;padding:14px 24px;font-size:16px}@media (min-width:640px){.btn-lg{padding:16px 32px}}.btn-sm{min-height:36px;padding:8px 12px;font-size:13px}@media (max-width:639px){.btn-full-mobile{width:100%}}.btn-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.btn-group-vertical{flex-direction:column}@media (min-width:640px){.btn-group-vertical{flex-direction:row}}.filter-bar{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}@media (min-width:640px){.filter-bar{padding:var(--space-lg);flex-flow:wrap;align-items:center}}.search-container{flex:1;min-width:0;position:relative}.search-container .input-responsive{padding-left:44px}.search-container svg{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:#00e396;background:#00e39626;border:1px solid #00e3964d;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.filter-chip button{min-width:auto;min-height:auto;color:inherit;opacity:.7;margin:-2px;padding:2px}.filter-chip button:hover{opacity:1}.pagination-responsive{align-items:center;gap:var(--space-md);padding:var(--space-lg)0;flex-direction:column;display:flex}@media (min-width:640px){.pagination-responsive{flex-direction:row;justify-content:space-between}}.pagination-info{color:#94a3b8;text-align:center;font-size:13px}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-md);color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#00e3964d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{color:#0b0e14;background:#00e396;border-color:#00e396}.chart-container{width:100%;position:relative;overflow:hidden}.chart-height-sm{min-height:var(--chart-height-secondary)}.chart-height-md{min-height:clamp(220px,24vw,320px)}.chart-height-lg{min-height:var(--chart-height-primary)}.kpi-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.kpi-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(6,1fr)}}.kpi-card-responsive{backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a}@media (min-width:640px){.kpi-card-responsive{padding:var(--space-lg)}}.kpi-value-responsive{font-size:var(--text-kpi);color:#e2e8f0;font-family:JetBrains Mono,monospace;font-weight:700}.kpi-label-responsive{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:4px;font-size:11px;font-weight:600}@media (min-width:640px){.kpi-label-responsive{font-size:12px}}.footer-responsive{padding:var(--space-xl)var(--space-md);padding-bottom:calc(var(--space-xl) + var(--safe-area-bottom));background:#0000004d;border-top:1px solid #ffffff0d}@media (min-width:640px){.footer-responsive{padding:var(--space-2xl)var(--space-lg);padding-bottom:calc(var(--space-2xl) + var(--safe-area-bottom))}}@media (min-width:768px){.footer-responsive{padding:var(--space-2xl)var(--space-xl);padding-bottom:calc(var(--space-2xl) + var(--safe-area-bottom))}}@media (max-width:767px){.main-content-padded{padding-bottom:80px!important}}@media (max-width:639px){.hide-mobile{display:none!important}}@media (min-width:640px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}@media (min-width:640px){.show-mobile-only{display:none!important}}@media (max-width:639px),(min-width:1024px){.show-tablet-only{display:none!important}}@media (max-width:1023px){.show-desktop-only{display:none!important}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}.no-select{-webkit-user-select:none;user-select:none}.gpu-accelerated{will-change:transform;transform:translateZ(0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s fade-in}.animate-slide-up{animation:.3s slide-up}.animate-slide-down{animation:.3s slide-down}.animate-scale-in{animation:.2s scale-in}.stagger-children>*{opacity:0;animation:.3s forwards slide-up}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.recharts-cartesian-axis-tick-value{font-size:var(--text-chart-axis)!important}.recharts-tooltip-label{font-size:clamp(11px,10px + .15vw,13px)!important}.recharts-legend-item-text{font-size:clamp(10px,9px + .2vw,12px)!important}@media (display-mode:standalone){.mobile-header{padding-top:max(var(--safe-area-top),20px)}.mobile-bottom-nav{padding-bottom:max(var(--safe-area-bottom),8px)}body{overscroll-behavior-y:contain}}@media print{.mobile-bottom-nav,.mobile-header,.hamburger-btn,.no-print{display:none!important}body{color:#000;background:#fff}.card-responsive{background:#fff;border:1px solid #ddd}}@media (prefers-color-scheme:dark){.input-responsive::placeholder{color:#64748b}}@media (prefers-contrast:high){.card-responsive,.table-container,.input-responsive,.btn,.modal-content{border-width:2px}.btn-primary{box-shadow:0 0 0 2px #00e396}}