@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";
:root{--brand-cyan-light:#c8ebef;--brand-cyan:#82c3cc;--brand-cyan-dark:#5da9b3;--brand-slate-blue:#2d4162;--brand-gold:#e0bf0e;--brand-gold-light:#f2d32f;--brand-gold-dark:#b0960b;--brand-red:#e63946;--brand-dark-gray:#182336;--brand-black:#0d131f;--brand-true-black:#06090f;--brand-white:#fff;--brand-light-gray:#f5f8fc;--bg-primary:var(--brand-black);--bg-secondary:var(--brand-dark-gray);--text-primary:var(--brand-white);--text-secondary:#fff9;--accent:var(--brand-cyan-dark);--accent-hover:#73bcc6;--border-color:#ffffff14;--bg-footer:#0a0a0acc;--input-bg:#ffffff0f;--input-border:#ffffff26}.sidebar-text-mobile{display:none}.sidebar-text-desktop{display:inline}:root.light{--bg-primary:var(--brand-light-gray);--bg-secondary:var(--brand-white);--text-primary:var(--brand-black);--text-secondary:#0d131fc7;--accent:var(--brand-cyan-dark);--accent-hover:var(--brand-cyan);--border-color:#0d131f2e;--bg-footer:#f0f3f8f2;--input-bg:#0d131f0f;--input-border:#0d131f40}:root.light body{background-color:var(--bg-primary);color:var(--text-primary)}:root.light .glass-panel{background:#ffffffeb!important;border:1px solid #0d131f29!important;box-shadow:0 4px 30px #0d131f0f!important}:root.light .glass-panel-cyan{background:#5da9b31f!important;border:1px solid #5da9b361!important;box-shadow:0 4px 30px #5da9b31f!important}:root.light header{background:#f5f8fccc!important;border-bottom:1px solid #0d131f0f!important}:root.light aside{background:#fff!important;border-right:1px solid #0d131f14!important}:root.light .sidebar-logo h1,:root.light .sidebar-logo div{color:var(--brand-black)!important;border-color:var(--brand-black)!important}:root.light .sidebar-link{color:#0d131f80!important}:root.light .sidebar-link[style*="rgba(125, 214, 223, 0.05)"]{color:var(--brand-cyan-dark)!important;background:#5da9b31a!important;border:1px solid #5da9b333!important}:root.light strong[style*="var(--brand-white)"],:root.light strong[style*=\#ffffff],:root.light strong[style*="rgb(255, 255, 255)"],:root.light span[style*="var(--brand-white)"],:root.light span[style*=\#ffffff],:root.light span[style*="rgb(255, 255, 255)"],:root.light p[style*="var(--brand-white)"],:root.light p[style*=\#ffffff],:root.light h1[style*="var(--brand-white)"],:root.light h2[style*="var(--brand-white)"],:root.light h3[style*="var(--brand-white)"]{color:var(--brand-black)!important}:root.light span[style*="rgba(255,255,255,0.5)"],:root.light span[style*="rgba(255, 255, 255, 0.5)"],:root.light span[style*="rgba(255,255,255,0.6)"],:root.light span[style*="rgba(255,255,255,0.7)"],:root.light span[style*="rgba(255, 255, 255, 0.7)"]{color:#0d131fb3!important}:root.light li[style*="rgba(255,255,255,0.3)"],:root.light li[style*="rgba(255, 255, 255, 0.3)"],:root.light li[style*="rgba(255,255,255,0.6)"]{color:#0d131fa6!important}:root.light .glass-panel div[style*=border-bottom],:root.light .glass-panel div[style*=border-top]{border-color:#0d131f1a!important}:root.light .glass-panel-cyan span[style*="rgba(255,255,255,0.5)"]{color:#0d131f99!important}:root.light .glass-panel-cyan span[style*="rgba(255,255,255,0.7)"]{color:#0d131fbf!important}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.scroll-reveal{animation-name:scrollReveal;animation-fill-mode:both;animation-timeline:view();animation-range:entry 5% cover 30%}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden!important}body{color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:700;line-height:1.2}.glass-panel{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#ffffff0d;border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-panel.liseret-cyan{border-left:4px solid var(--brand-cyan-dark);box-shadow:0 4px 30px #0000001a,-2px 0 15px #7dd6df14}.glass-panel.liseret-gold{border-left:4px solid var(--brand-gold);box-shadow:0 4px 30px #0000001a,-2px 0 15px #d4a85314}.glass-panel.liseret-red{border-left:4px solid var(--brand-red);box-shadow:0 4px 30px #0000001a,-2px 0 15px #e6394614}.glass-panel-cyan{-webkit-backdrop-filter:blur(12px);background:#7dd6df1a;border:1px solid #7dd6df4d;border-radius:16px;box-shadow:0 4px 30px #7dd6df26}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-family:Montserrat,sans-serif;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--brand-black)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #7dd6df66}.btn-secondary{color:var(--text-primary);border:2px solid var(--accent);background-color:#0000}.btn-secondary:hover{background-color:#7dd6df1a}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.content-with-sidebar{margin-left:280px}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-wrap{white-space:normal!important;height:auto!important;padding:12px 20px!important;font-size:14px!important}.table-responsive{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.table-responsive::-webkit-scrollbar{height:4px!important;display:block!important}.table-responsive::-webkit-scrollbar-track{background:#ffffff05!important}.table-responsive::-webkit-scrollbar-thumb{background:var(--brand-cyan-dark)!important;border-radius:4px!important}.table-responsive-inner{min-width:500px}.footer-margin{margin-left:0!important}.sidebar-container{-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 86%,#0000 100%);z-index:1000!important;border-top:1px solid #ffffff0d!important;border-right:none!important;flex-direction:row!important;align-items:center!important;width:100%!important;height:70px!important;padding:0 10px!important;top:auto!important;bottom:0!important;overflow-x:auto!important}.sidebar-container::-webkit-scrollbar{height:3px!important;display:block!important}.sidebar-container::-webkit-scrollbar-track{background:#ffffff05!important}.sidebar-container::-webkit-scrollbar-thumb{background:var(--brand-cyan-dark)!important;border-radius:3px!important}.sidebar-logo,.sidebar-text-desktop{display:none!important}.sidebar-text-mobile{text-align:center!important;white-space:nowrap!important;letter-spacing:0!important;margin-top:3px!important;font-size:9px!important;line-height:1!important;display:block!important}.sidebar-nav{flex-direction:row!important;justify-content:flex-start!important;gap:6px!important;margin:0 auto!important}.sidebar-link{border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:58px!important;padding:6px 8px!important}.sidebar-icon{margin:0!important}.sidebar-logout{border-top:none!important;margin-top:0!important;margin-left:8px!important;padding-top:0!important}.sidebar-logout button{flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:48px!important;padding:6px 8px!important}.content-with-sidebar{margin-bottom:70px!important;margin-left:0!important;padding:24px 16px!important}.hero-title{word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;font-size:32px!important}.header-mobile-col{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:16px!important}.nav-menu-mobile{flex-direction:column!important;gap:12px!important;width:100%!important}.nav-links-mobile{justify-content:center!important;gap:16px!important;width:100%!important}.nav-btn-mobile{text-align:center!important;width:100%!important;max-width:300px!important}.mobile-flex-col{flex-direction:column!important;gap:24px!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.glass-panel,.glass-panel-cyan{padding:20px!important}.content-with-sidebar{min-width:0!important;max-width:100vw!important;margin-bottom:70px!important;margin-left:0!important;padding:24px 12px!important;overflow-x:hidden!important}}body:has(.sidebar-container) footer{margin-left:280px!important}@media (max-width:768px){body:has(.sidebar-container) footer{margin-left:0!important}}:root.light input,:root.light select,:root.light textarea{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}:root.light input:disabled{color:#0d131f66!important;background-color:#0d131f0d!important;border-color:#0d131f1a!important}:root.light input::placeholder{opacity:.5;color:var(--text-secondary)!important}:root.light [style*="color: white"],:root.light [style*=color\:white],:root.light [style*="color: #ffffff"],:root.light [style*="color:#ffffff"],:root.light [style*="color: var(--brand-white)"],:root.light [style*="color:var(--brand-white)"],:root.light [style*="color: rgb(255, 255, 255)"],:root.light [style*="color:rgb(255,255,255)"]{color:var(--text-primary)!important}:root.light [style*="color: rgba(255, 255, 255"],:root.light [style*="color:rgba(255,255,255"]{color:var(--text-secondary)!important}:root.light thead[style*="rgba(255,255,255"]{color:var(--text-secondary)!important;background-color:#0d131f08!important}:root.light tr[style*="rgba(255,255,255"],:root.light [style*="border: 1px solid rgba(255, 255, 255"],:root.light [style*="border:1px solid rgba(255,255,255"],:root.light [style*="border-top: 1px solid rgba(255,255,255"],:root.light [style*="border-bottom: 1px solid rgba(255,255,255"],:root.light [style*="border-bottom: 1px solid rgba(255, 255, 255"]{border-color:var(--border-color)!important}:root.light [style*="background: rgba(13, 19, 31"],:root.light [style*="background:rgba(13,19,31"],:root.light [style*="background-color: rgba(13, 19, 31"],:root.light [style*="background: rgba(10, 10, 10"],:root.light [style*="background:rgba(10,10,10"]{background:#0d131f0a!important}:root.light [style*="background: rgba(0, 0, 0, 0.2)"],:root.light [style*="background: rgba(0, 0, 0, 0.5)"],:root.light [style*="background:rgba(0,0,0"]{background:#0d131f0d!important}:root.light [style*="background: rgba(255,255,255,0.02)"],:root.light [style*="background: rgba(255,255,255,0.03)"],:root.light [style*="background: rgba(255,255,255,0.05)"]{background:#0d131f08!important}:root.light [style*="background: rgba(255,255,255,0.1)"],:root.light [style*="background: rgba(255, 255, 255, 0.1)"]{background:#0d131f0f!important}:root.light header[style*="rgba(10,10,10"]{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f5f8fcd9!important}:root.light div[style*="border-left: 4px solid #ef4444"]{color:var(--text-primary)!important;background:#ef44440f!important}:root.light [style*="linear-gradient(to top, var(--brand-black)"],:root.light [style*="linear-gradient(to top, rgba(13, 19, 31"]{background:linear-gradient(to top, var(--bg-primary), transparent)!important}:root.light .recharts-cartesian-axis-tick-value{fill:var(--text-secondary)!important}:root.light .recharts-cartesian-grid line{stroke:#0d131f14!important}:root.light .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}:root.light section[style*="rgba(255,255,255,0.03)"]{border-color:var(--border-color)!important}:root.light section[style*="rgba(255,255,255,0.01)"]{background:#0d131f04!important}@media (max-width:768px){:root.light .sidebar-container{border-top-color:var(--border-color)!important;background:var(--bg-secondary)!important}}:root.light p[style*="opacity: 0.4"],:root.light p[style*="opacity: 0.5"],:root.light span[style*="opacity: 0.5"],:root.light div[style*="opacity: 0.5"]{opacity:.65!important}:root.light .video-overlay,:root.light div[style*="background: linear-gradient(to top, rgba(13, 19, 31, 0.9)"]{background:linear-gradient(#0000 0%,#0d131f99 100%)!important}.tooltip-box{color:#fff!important;opacity:1!important;-webkit-backdrop-filter:none!important;background:#0d131f!important;border:1px solid #7dd6df66!important;box-shadow:0 10px 40px #000000f2!important}
