*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:#000;color:#fff}body{font-family:DM Sans,Helvetica Neue,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit}nav{scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}.kpi-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kpi-6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.chart-donut{display:grid;grid-template-columns:1fr 280px;gap:12px}.chart-donut>*{min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-2>*{min-width:0}.broker-cards-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.div-chart-annual{display:grid;grid-template-columns:1fr 300px;gap:12px}.broker-div-row{display:grid;grid-template-columns:repeat(5,1fr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.chart-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease}.chart-modal{background:#141420;border:1px solid #2a2a2a;border-radius:20px;width:88vw;max-width:1200px;height:76vh;max-height:760px;display:flex;flex-direction:column;box-shadow:0 40px 100px #000000b3;animation:slideUp .22s ease;overflow:hidden}.chart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 16px;flex-shrink:0;border-bottom:1px solid #161f31}.chart-modal-meta{display:flex;flex-direction:column;gap:4px}.chart-modal-label{font-size:11px;font-weight:600;color:#8b8fa3;text-transform:uppercase;letter-spacing:.8px}.chart-modal-value{font-size:36px;font-weight:700;font-family:DM Mono,monospace;letter-spacing:-1px;line-height:1;color:#fb923c}.chart-modal-actions{display:flex;align-items:center;gap:8px}.chart-modal-body{flex:1;padding:24px 28px 28px;min-height:0;position:relative;overflow-y:auto;overscroll-behavior:contain}.chart-modal-body canvas{position:absolute;top:24px;left:28px;right:28px;bottom:28px;width:calc(100% - 56px)!important;height:calc(100% - 52px)!important}.chart-type-toggle{display:flex;gap:2px;background:#161f31;border-radius:6px;padding:2px}.chart-type-btn{padding:3px 10px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#8b8fa3;font-family:DM Sans,sans-serif;transition:all .15s}.chart-type-btn.active{background:#2a2a2a;color:#fb923c}.chart-type-btn:hover:not(.active){color:silver}.modal-close{width:32px;height:32px;border-radius:50%;background:#161f31;border:none;cursor:pointer;color:#888;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.modal-close:hover{background:#2a2a2a;color:#fff}@media (max-width: 900px){.kpi-5,.kpi-6{grid-template-columns:repeat(3,1fr)!important}.chart-donut,.grid-2{grid-template-columns:1fr!important}.broker-cards-5{grid-template-columns:repeat(3,1fr)!important}.div-chart-annual{grid-template-columns:1fr!important}.broker-div-row{grid-template-columns:repeat(3,1fr)!important}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:none}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:78vw;max-width:300px;background:#0a0a0a;border-right:1px solid #161f31;z-index:101;display:flex;flex-direction:column;animation:slideInLeft .2s ease}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px 0 16px;border-bottom:1px solid #161f31;flex-shrink:0}.mobile-drawer-nav{display:flex;flex-direction:column;gap:4px;padding:12px;overflow-y:auto}@media (max-width: 600px){.kpi-5,.kpi-6,.broker-cards-5,.broker-div-row{grid-template-columns:1fr 1fr!important}.date-label,.desktop-nav{display:none!important}.mobile-nav-toggle{display:inline-flex!important}.chart-modal-backdrop{align-items:flex-end!important}.chart-modal{width:100vw!important;max-width:100vw!important;height:94vh!important;max-height:94vh!important;border-radius:16px 16px 0 0!important}.chart-modal-header{padding:14px 16px 10px!important}.chart-modal-value{font-size:26px!important}.chart-modal-body{padding:12px 16px 18px!important}.chart-modal-body canvas{top:12px!important;left:16px!important;right:16px!important;bottom:18px!important;width:calc(100% - 32px)!important;height:calc(100% - 30px)!important}}.rail{scrollbar-width:none;-ms-overflow-style:none}.rail::-webkit-scrollbar{display:none}