: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(0.875rem,0.8rem + 0.25vw,1.125rem);--text-chart-axis:clamp(9px,8px + 0.2vw,12px);--chart-height-primary:clamp(250px,30vw,420px);--chart-height-secondary:clamp(140px,16vw,200px);--section-padding-x:clamp(12px,3vw,32px)}@viewport{width:device-width;initial-scale:1;maximum-scale:5;user-scalable:yes}body,html{overflow-x:hidden;max-width:100vw}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}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)}.btn-sm-touch,[role=button],a,button,input[type=button],input[type=checkbox],input[type=file],input[type=radio],input[type=submit],select{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.btn-sm-touch{padding:8px 12px}.container-responsive{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@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{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(11,14,20,.98);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:var(--safe-area-bottom)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:calc(var(--touch-target-min) + 12px);padding:8px;flex:1}.mobile-bottom-nav-item svg{width:24px;height:24px}.mobile-bottom-nav-item span{font-size:11px;font-weight:500}.mobile-header{position:sticky;top:0;z-index:50;background:rgba(11,14,20,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:var(--safe-area-top)}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);border-radius:var(--radius-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;cursor:pointer;transition:all .2s ease}.hamburger-btn:active,.hamburger-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(0,227,150,.3)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-panel{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:rgba(11,14,20,.98);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);z-index:50;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.mobile-menu-panel.open{transform:translateX(0)}.card-responsive{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md)}@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{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:640px){.card-grid-2{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}.card-grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:640px){.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}.card-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width:640px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid-4{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);background:linear-gradient(90deg,rgba(11,14,20,.95) 30%,transparent) 0,linear-gradient(270deg,rgba(11,14,20,.95) 30%,transparent) 100%,linear-gradient(90deg,rgba(255,255,255,.08),transparent) 0,linear-gradient(270deg,rgba(255,255,255,.08),transparent) 100%;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}.table-responsive{width:100%;min-width:600px;border-collapse:initial;border-spacing:0;font-size:13px}.table-responsive td,.table-responsive th{padding:12px 16px;text-align:left;white-space:nowrap}.table-responsive th{background:rgba(15,23,42,.8);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;position:sticky;top:0;z-index:10}.table-responsive td{border-bottom:1px solid rgba(255,255,255,.05)}.table-responsive tbody tr:hover{background:rgba(255,255,255,.03)}@media (max-width:639px){.table-mobile-cards{border:none;background:transparent}.table-mobile-cards table,.table-mobile-cards tbody,.table-mobile-cards td,.table-mobile-cards th,.table-mobile-cards thead,.table-mobile-cards tr{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody tr{margin-bottom:var(--space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md)}.table-mobile-cards td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);text-align:right}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{content:attr(data-label);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-right:var(--space-md)}}.tabs-scrollable{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding-bottom:4px;mask-image:linear-gradient(90deg,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,black 90%,transparent)}.tabs-scrollable::-webkit-scrollbar{display:none}.tabs-scrollable>*{flex-shrink:0}.tab-btn{padding:10px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;transition:all .2s ease}@media (min-width:640px){.tab-btn{padding:12px 20px;font-size:14px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-md);padding-top:max(var(--space-md),var(--safe-area-top));padding-bottom:max(var(--space-md),var(--safe-area-bottom))}.modal-content{background:rgba(11,14,20,.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom) - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modal-in .2s ease}@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{max-width:100%;max-height:100vh;border-radius:0;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{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:16px;font-weight:600;color:#e2e8f0}@media (min-width:640px){.modal-title{font-size:18px}}.modal-body,.modal-footer{padding:var(--space-lg)}.modal-footer{display:flex;gap:var(--space-md);border-top:1px solid rgba(255,255,255,.1);flex-direction:column-reverse}@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);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#94a3b8;transition:all .2s ease}.modal-close:hover{background:rgba(255,255,255,.1);color:#e2e8f0}.dropdown-menu{position:absolute;z-index:50;min-width:180px;max-width:calc(100vw - 32px);background:rgba(11,14,20,.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.4);overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;font-size:14px;color:#e2e8f0;cursor:pointer;transition:background .15s ease;min-height:var(--touch-target-min)}.dropdown-item:focus,.dropdown-item:hover{background:rgba(255,255,255,.05)}.dropdown-item:active{background:rgba(255,255,255,.1)}@media (max-width:639px){.dropdown-sheet-mobile{position:fixed;left:var(--space-md);right:var(--space-md);bottom:max(var(--space-md),var(--safe-area-bottom));top:auto;min-width:auto;max-width:none;border-radius:var(--radius-xl);animation:sheet-up .3s cubic-bezier(.4,0,.2,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:13px;font-weight:500;color:#94a3b8;margin-bottom:6px}.input-responsive{width:100%;min-height:var(--touch-target-min);padding:10px 14px;font-size:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#e2e8f0;transition:all .2s ease}.input-responsive:focus{outline:none;border-color:#00e396;box-shadow:0 0 0 3px rgba(0,227,150,.15)}@media (min-width:640px){.input-responsive{font-size:14px;padding:12px 16px}}.input-with-icon{position:relative}.input-with-icon .input-responsive{padding-left:44px}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.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-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.checkbox-responsive,.radio-responsive{width:22px;height:22px;min-width:22px;min-height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch-target-min);padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:#00e396;color:#0b0e14}.btn-primary:hover{background:#00c987}.btn-secondary{background:rgba(255,255,255,.1);color:#e2e8f0}.btn-secondary:hover{background:rgba(255,255,255,.15)}.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{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-group-vertical{flex-direction:column}@media (min-width:640px){.btn-group-vertical{flex-direction:row}}.filter-bar{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}@media (min-width:640px){.filter-bar{flex-direction:row;flex-wrap:wrap;align-items:center;padding:var(--space-lg)}}.search-container{position:relative;flex:1;min-width:0}.search-container .input-responsive{padding-left:44px}.search-container svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,227,150,.15);border:1px solid rgba(0,227,150,.3);border-radius:100px;font-size:12px;font-weight:500;color:#00e396}.filter-chip button{min-width:auto;min-height:auto;padding:2px;margin:-2px;color:inherit;opacity:.7}.filter-chip button:hover{opacity:1}.pagination-responsive{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0}@media (min-width:640px){.pagination-responsive{flex-direction:row;justify-content:space-between}}.pagination-info{font-size:13px;color:#94a3b8;text-align:center}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#e2e8f0;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(0,227,150,.3)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:#00e396;color:#0b0e14;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{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width:480px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.kpi-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(6,1fr)}}.kpi-card-responsive{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}@media (min-width:640px){.kpi-card-responsive{padding:var(--space-lg)}}.kpi-value-responsive{font-size:var(--text-kpi);font-weight:700;font-family:JetBrains Mono,monospace;color:#e2e8f0}.kpi-label-responsive{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:4px}@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:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.05)}@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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}.no-select{user-select:none;-webkit-user-select:none}.gpu-accelerated{transform:translateZ(0);will-change:transform}@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:fade-in .3s ease}.animate-slide-up{animation:slide-up .3s ease}.animate-slide-down{animation:slide-down .3s ease}.animate-scale-in{animation:scale-in .2s ease}.stagger-children>*{opacity:0;animation:slide-up .3s ease forwards}.stagger-children>:first-child{animation-delay:.05s}.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{.hamburger-btn,.mobile-bottom-nav,.mobile-header,.no-print{display:none!important}body{background:white;color:black}.card-responsive{border:1px solid #ddd;background:white}}@media (prefers-color-scheme:dark){.input-responsive::placeholder{color:#64748b}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.btn,.card-responsive,.input-responsive,.modal-content,.table-container{border-width:2px}.btn-primary{box-shadow:0 0 0 2px #00e396}}