:root{--bg:#080a0f;--panel:#10131a;--panel2:#151923;--border:#252b38;--text:#f4f6fb;--muted:#8991a5;--green:#32d583;--red:#ff5d73;--purple:#8b74ff;--blue:#4da3ff;--orange:#ffad42}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.app{min-height:100vh;background:var(--bg);display:flex}.app.light{--bg:#f5f6f9;--panel:#fff;--panel2:#f8f9fb;--border:#e4e7ec;--text:#151922;--muted:#667085}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:var(--panel);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brandMark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8b74ff,#4da3ff);display:grid;place-items:center;font-weight:900}.brand b{font-size:18px;letter-spacing:-.5px}.brand b span{color:#8b74ff}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:1px}.mobileClose,.mobileMenu{display:none}nav{display:flex;flex-direction:column;gap:4px}.navItem{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.navItem.active,.navItem:hover{background:var(--panel2);color:var(--text)}.navItem.active{box-shadow:inset 2px 0 #8b74ff}.sidebarBottom{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.content{margin-left:244px;width:calc(100% - 244px);padding:26px 32px 34px;max-width:1800px}.topbar{justify-content:space-between;margin-bottom:18px}.topLeft,.topbar{display:flex;align-items:center}.topLeft{gap:12px}.eyebrow,.muted{margin:0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.4px}.topbar h1{font-size:25px;margin:4px 0 0;letter-spacing:-.7px}.topActions{gap:12px}.marketStatus,.topActions{display:flex;align-items:center}.marketStatus{font-size:12px;color:var(--muted);gap:7px}.liveDot,.marketStatus i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 4px rgba(50,213,131,.1)}.iconBtn,.toolBtn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#252b38;display:grid;place-items:center;font-size:11px;font-weight:800}.notice{border:1px solid #3c315f;background:linear-gradient(90deg,rgba(139,116,255,.12),rgba(77,163,255,.05));padding:10px 13px;border-radius:10px;display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:16px}.notice b{color:#b8aaff}.noticeSource{margin-left:auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.heroGrid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.cardHeader,.cardTitle,.chartHeader,.tableHeader{display:flex;justify-content:space-between;align-items:flex-start}.bigValue{font-size:42px;font-weight:850;letter-spacing:-2px;margin:7px 0}.change{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.indexBadge{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,rgba(139,116,255,.2),rgba(77,163,255,.12));border:1px solid #40386b;color:#b8aaff;display:grid;place-items:center;font-weight:900}.miniStats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--border);padding-top:14px;margin-top:16px}.miniStat small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.miniStat b{font-size:13px}.range{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px}.rangeLine{height:5px;background:linear-gradient(90deg,#ff5d73,#f4b84b,#32d583);border-radius:99px;flex:1 1;position:relative}.rangeLine i{position:absolute;top:-4px;width:13px;height:13px;border-radius:50%;background:var(--text);border:3px solid var(--panel)}.rangeLabels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:5px 0 14px}.smallGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding-top:12px;grid-gap:14px;gap:14px}.breadth{display:flex;align-items:center;gap:20px;margin-top:22px}.donut{width:106px;height:106px;background:conic-gradient(var(--green) var(--p),var(--red) 0);place-items:center}.donut,.donut>div{border-radius:50%;display:grid}.donut>div{width:78px;height:78px;background:var(--panel);place-items:center;align-content:center}.donut b{font-size:22px}.donut small{font-size:9px;color:var(--muted)}.breadthLegend{flex:1 1}.legend{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:11px;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:50%}.legend .green{background:var(--green)}.legend .red{background:var(--red)}.legend .gray{background:#6b7280}.legend b{margin-left:auto;color:var(--text)}.pill{font-size:9px;padding:5px 8px;border-radius:99px;background:var(--panel2);color:var(--muted)}.chartCard{margin-bottom:14px}.chartHeader{align-items:center}.chartHeader h2,.tableHeader h2{margin:4px 0 0;font-size:18px}.periods{display:flex;gap:4px;background:var(--panel2);padding:4px;border-radius:10px}.periods button{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.periods button.selected{background:var(--text);color:var(--bg)}.chart{height:290px;margin-top:12px}.chartFooter{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;border-top:1px solid var(--border);padding-top:9px}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.rankCard{min-height:320px}.rankCard .cardTitle{margin-bottom:12px;font-weight:750}.rankRow{display:grid;grid-template-columns:22px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.rankNo{color:var(--muted);font-size:11px}.company{display:flex;align-items:center;gap:9px;min-width:0}.stockLogo{width:32px;height:32px;border-radius:9px;background:var(--panel2);border:1px solid var(--border);display:grid;place-items:center;font-size:9px;font-weight:900;color:#a9b0c0}.company b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.rankValue{text-align:right}.rankValue b{display:block;font-size:12px}.rankValue span{font-size:10px;font-weight:700}.tableHeader{align-items:center;margin-bottom:15px}.tableTools{display:flex;gap:8px}.search{display:flex;align-items:center;gap:7px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;width:250px}.search input{background:none;border:0;outline:0;color:var(--text);font-size:11px;width:100%}.search input::placeholder{color:var(--muted)}.toolBtn{display:flex;gap:6px;align-items:center;font-size:11px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.7px;padding:9px 8px}td,th{border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 8px;font-size:10px}.sectorTag,tr:hover td{background:var(--panel2)}.sectorTag{padding:4px 7px;border-radius:6px;color:var(--muted);font-size:9px}.rsi{width:60px;height:5px;background:var(--panel2);position:relative}.rsi,.rsi i{border-radius:99px}.rsi i{display:block;height:100%;background:linear-gradient(90deg,#4da3ff,#8b74ff,#ff5d73)}.rsi span{position:absolute;left:68px;top:-5px;font-size:9px}.rsi span,.star{color:var(--muted)}.star{border:0;background:none;cursor:pointer}.star.active{color:#ffbd5a}.sectorList{margin-top:18px}.sectorRow{display:grid;grid-template-columns:190px 1fr 55px;grid-gap:10px;gap:10px;align-items:center;padding:9px 0}.sectorName b{font-size:10px;display:block}.sectorName small{font-size:8px;color:var(--muted)}.bar{height:7px;background:var(--panel2);overflow:hidden}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#4da3ff,#8b74ff)}.sectorRow>strong{font-size:10px;text-align:right}.insightCard{background:linear-gradient(145deg,var(--panel),rgba(139,116,255,.08))}.insight{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.insight span{color:#b8aaff}.insight p{margin:0;font-size:12px}.disclaimer,.insight p{line-height:1.5;color:var(--muted)}.disclaimer{font-size:9px;margin-top:14px}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:18px 3px}.loading{height:100vh;background:#080a0f;color:#8991a5;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;font-size:12px}.spinner{width:30px;height:30px;border:3px solid #252b38;border-top-color:#8b74ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1100px){.heroGrid{grid-template-columns:1fr 1fr}.breadthCard{grid-column:span 2}.sidebar{width:215px}.content{margin-left:215px;width:calc(100% - 215px);padding:22px}.miniStats{grid-template-columns:repeat(2,1fr);row-gap:12px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:260px;box-shadow:20px 0 50px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.mobileClose,.mobileMenu{display:block}.mobileClose{margin-left:auto;border:0;background:none;color:var(--text)}.mobileMenu{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:7px}.content{margin-left:0;width:100%;padding:15px}.topbar{align-items:flex-start}.topbar h1{font-size:19px}.marketStatus{display:none}.notice{flex-wrap:wrap}.noticeSource{margin-left:0;width:100%}.heroGrid,.twoCol{grid-template-columns:1fr}.breadthCard{grid-column:auto}.bigValue{font-size:35px}.chart{height:240px}.chartHeader{gap:10px}.chartHeader,.tableHeader{align-items:flex-start;flex-direction:column}.tableHeader{gap:12px}.search,.tableTools{width:100%}.tableTools{flex-direction:column}.toolBtn{justify-content:center}.sectorRow{grid-template-columns:140px 1fr 48px}.topActions .iconBtn{display:none}footer{flex-direction:column;gap:6px}}