:root{--red:#ff4d57;--green:#29c796}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:68px;background:#0a1015;border-right:1px solid #27313a;display:flex;flex-direction:column;align-items:center}.side-logo{margin:17px 0 22px;width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5b61,#d92c38);border-radius:9px;color:white;text-decoration:none;font:900 18px Arial;box-shadow:0 5px 18px #e43d4944}.side-nav{width:100%;display:flex;flex-direction:column}.side-nav a{height:68px;color:#6f7d89;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;gap:4px;border-left:2px solid transparent}.side-nav small{font-size:10px}.side-nav a:hover,.side-nav a.active{color:#fff;background:#ffffff08;border-left-color:var(--red)}.side-help{margin-top:auto;margin-bottom:18px;width:28px;height:28px;border:1px solid #35414b;border-radius:50%;color:#7e8b95;background:transparent}.topbar{left:68px;height:62px;padding:0 24px;background:#10171d;border-color:#29343c}.topbar .brand-mark{width:29px;height:29px;border-radius:5px;transform:none}.topbar .brand{font-size:14px}.global-search{margin-left:50px;width:330px;height:36px;border:1px solid #2b3741;border-radius:6px;display:flex;align-items:center;padding:0 12px;background:#0b1116;color:#687681}.global-search input{border:0;background:transparent;outline:0;width:100%;padding-left:9px;color:#dce2e7}.ticker-strip{position:relative;margin-left:68px;height:38px;background:#0c1217;border-bottom:1px solid #29343c;display:flex;align-items:center;padding:0 26px;gap:32px;color:#7e8a94;font-size:11px}.ticker-strip span{white-space:nowrap}.ticker-strip b{margin-left:7px;font:700 12px Arial}.ticker-strip i{font-style:normal;margin-left:4px}.ticker-time{margin-left:auto}body.dark{--ink:#e8edf1;--paper:#0f151a;--card:#151d23;--muted:#83909a;--line:#29343c;--navy:#151d23;background:#0f151a}.dark main{max-width:none;margin-left:68px;padding:0 28px 50px}.hero{padding:28px 0 18px}.dashboard-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard-title h1{font-size:22px!important;letter-spacing:-.02em!important;margin:6px 0 0!important}.dashboard-title p{font-size:11px;color:var(--muted);margin:2px 0}.refresh-btn{border:1px solid #33404a;border-radius:5px;background:#182129;color:#a9b4bc;padding:8px 13px;cursor:pointer}.hero-grid{display:grid!important;grid-template-columns:1.25fr 1fr 1fr!important;gap:12px!important;align-items:stretch!important}.index-card,.flow-card,.breadth-card{transform:none;background:#151d23;border:1px solid #2a353e;border-radius:5px;box-shadow:none;padding:18px}.index-card strong{font-size:28px}.index-card svg{height:48px;margin:6px 0}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid #29343c;padding-bottom:13px;margin-bottom:15px;font-size:12px}.panel-title span{font-size:10px;color:#71808b}.flow-row{display:grid;grid-template-columns:48px 1fr 60px;align-items:center;gap:8px;margin:13px 0;font-size:11px}.flow-row>i{height:5px;background:#202b33;border-radius:5px;overflow:hidden}.flow-row>i b{display:block;height:100%;background:var(--red)}.flow-row.sell>i b{background:var(--green)}.flow-row strong{text-align:right;font:700 12px Arial}.flow-total{display:flex;justify-content:space-between;border-top:1px dashed #34414a;padding-top:12px;font-size:11px}.breadth-card{display:grid;grid-template-columns:1fr 1fr}.breadth-card .panel-title{grid-column:1/3}.breadth-donut{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--red) 0 60%,#43505a 60% 69%,var(--green) 69%);display:grid;place-content:center;text-align:center;position:relative}.breadth-donut:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#151d23}.breadth-donut b,.breadth-donut span{z-index:1}.breadth-donut b{font:800 18px Arial}.breadth-donut span{font-size:9px;color:#7d8993}.breadth-legend{display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:10px;color:#95a0a9}.breadth-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.rise-dot{background:var(--red)}.flat-dot{background:#596771}.fall-dot{background:var(--green)}.stats{margin-bottom:28px;border-radius:5px;background:#151d23;box-shadow:none}.stats article{padding:15px 20px}.stat-num{font-size:24px}.stats p{font-size:11px}.stats small{font-size:9px}.section-heading{margin-bottom:13px}.section-heading>div:first-child{grid-template-columns:86px auto}.section-heading h2{font-size:19px}.section-heading p{font-size:10px}.filters{background:#151d23;padding:11px 12px;border:1px solid #29343c;border-bottom:0;border-radius:5px 5px 0 0}.search{background:#0e151a;border-color:#303b44;border-radius:4px;height:34px}.chips button{font-size:10px;padding:6px 12px}.chips button.active{background:#e1444f;border-color:#e1444f;color:#fff}select{background:#10171d;border-color:#303b44;border-radius:4px;font-size:10px}.table-wrap{border:1px solid #29343c;border-radius:0 0 5px 5px}table{background:#151d23}th{background:#11181e;font-size:10px;padding:11px 15px}td{font-size:12px;padding:12px 15px}.stock-logo{width:30px;height:30px;border-radius:5px}.price{font-size:13px}.method{margin:35px 0 15px;border:1px solid #29343c;border-radius:5px;background:#151d23;padding:30px}.method h2{font-size:20px}.method-grid{margin-top:18px}.stock-card{border-radius:5px}.dark footer{margin-left:68px;background:#0c1217}.dark dialog{border:1px solid #35414a}.dark .dialog-grid div{background:#10171d}@media(max-width:900px){.sidebar{width:54px}.topbar{left:54px}.ticker-strip,.dark main,.dark footer{margin-left:54px}.global-search{margin-left:20px}.hero-grid{grid-template-columns:1fr 1fr!important}.index-card{grid-column:1/3}}@media(max-width:600px){.sidebar{display:none}.topbar{left:0}.ticker-strip,.dark main,.dark footer{margin-left:0}.ticker-strip{overflow:auto;padding:0 16px}.global-search{display:none}.dark main{padding:0 14px}.hero-grid{grid-template-columns:1fr!important}.index-card{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.stats article{border-right:1px solid var(--line)}.method{padding:25px}.method-grid{grid-template-columns:1fr}.method-grid article{padding-bottom:18px}}