@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#172129;font-synthesis:none;--ink:#172129;--muted:#78828a;--line:#d9dfdb;--panel:#fbfcf8;--cyan:#0ca5a5;--cyan-pale:#d8f0ec;--coral:#ed6d5b;--coral-pale:#f9dfd9;--mono:"DM Mono", monospace;background:#f2f4ef;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 90% 0,#e3eee8 0,#0000 24rem),#f2f4ef;min-height:100vh}.dashboard-header,.dashboard-content,.site-footer{width:min(1380px,100% - 64px);margin:0 auto}.dashboard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;min-height:172px;padding:44px 0 36px;display:flex}.brand-lockup{align-items:flex-start;gap:16px;display:flex}.brand-mark{border:2px solid var(--ink);border-radius:50%;width:38px;height:38px;margin-top:4px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:var(--ink);transform-origin:bottom;border-radius:2px;width:4px;display:block;position:absolute}.brand-mark:before{height:15px;bottom:8px;left:10px;transform:rotate(38deg)}.brand-mark:after{height:22px;bottom:8px;left:17px;transform:rotate(38deg)}.brand-mark span{height:29px;bottom:8px;left:24px;transform:rotate(38deg)}.eyebrow,.section-kicker,.section-note,.card-topline,.micro-line,.stock-secondary,.forex-caption,.benchmark-label,.legend,.updated-at{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.eyebrow,.section-kicker{color:var(--cyan);margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:11px;font-size:clamp(2rem,4vw,3.6rem);line-height:.96}h2{letter-spacing:-.045em;margin-bottom:0;font-size:25px}h3{font-weight:500}.header-subtitle{color:var(--muted);margin:0;font-size:15px}.header-controls{flex-direction:column;align-items:flex-end;gap:22px;display:flex}.updated-at{color:var(--muted);white-space:nowrap}.updated-at strong{color:var(--ink);font-weight:500}.status-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 4px var(--cyan-pale);border-radius:50%;margin-right:7px;display:inline-block}.timeframe-control{background:#e5eae5;border-radius:7px;padding:4px;display:flex}.timeframe-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 13px;font-size:12px;transition:background .2s,color .2s,transform .2s}.timeframe-button:hover{color:var(--ink)}.timeframe-button:active{transform:translateY(1px)}.timeframe-button.active{background:var(--ink);color:#f8faf5}.dashboard-content{padding:42px 0 58px}.section-block{margin-bottom:52px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-note{color:var(--muted)}.market-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.market-card,.stock-card,.forex-card{border:1px solid var(--line);background:#fbfcf8c7;border-radius:6px}.market-card{flex-direction:column;justify-content:space-between;min-height:163px;padding:18px;display:flex}.card-topline,.micro-line,.stock-header,.stock-secondary,.forex-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-topline{color:var(--ink)}.card-detail,.micro-line,.stock-secondary,.forex-caption{color:var(--muted)}.market-card h3{margin:15px 0 0;font-size:14px}.market-value-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.market-value-row strong,.stock-price,.forex-card>strong{font:500 22px var(--mono);letter-spacing:-.08em}.micro-line{border-top:1px solid var(--line);padding-top:12px;font-size:9px}.movement{font:500 12px var(--mono);white-space:nowrap}.positive{color:var(--cyan)}.negative{color:var(--coral)}.neutral{color:var(--muted)}.stock-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.stock-card{flex-direction:column;justify-content:space-between;min-height:154px;padding:15px;display:flex}.ticker-badge{font:500 10px var(--mono);color:var(--ink);background:var(--cyan-pale);border-radius:3px;padding:4px 6px}.stock-card h3{min-height:31px;margin:18px 0 0;font-size:13px}.stock-price{margin-top:12px;font-size:18px}.stock-secondary{border-top:1px solid var(--line);padding-top:10px;font-size:9px}.stock-secondary .movement{margin-left:3px;font-size:9px}.sector-panel{background:var(--ink);color:#eff5f1;border-radius:7px;grid-template-columns:minmax(240px,.7fr) minmax(500px,1.5fr);gap:clamp(42px,8vw,120px);margin-bottom:52px;padding:36px;display:grid}.sector-intro h2{color:#fff;margin-bottom:18px;font-size:clamp(2rem,4vw,3.2rem)}.sector-description{color:#aebbc0;max-width:330px;font-size:14px;line-height:1.55}.benchmark-card{border-top:1px solid #415057;border-bottom:1px solid #415057;justify-content:space-between;align-items:center;margin:34px 0 18px;padding:17px 0;display:flex}.benchmark-card div{flex-direction:column;gap:5px;display:flex}.benchmark-label{color:#8c9aa0}.benchmark-value{font:500 19px var(--mono);color:#6fe0d3}.legend{color:#aebbc0;flex-wrap:wrap;gap:12px;font-size:9px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.positive-dot{background:#6fe0d3}.negative-dot{background:var(--coral)}.sector-list{flex-direction:column;justify-content:center;gap:13px;display:flex}.sector-row{grid-template-columns:26px minmax(125px,1fr) minmax(150px,2fr) 115px;align-items:center;gap:12px;display:grid}.rank{color:#637177;font:10px var(--mono)}.sector-name{flex-direction:column;gap:3px;min-width:0;display:flex}.sector-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.sector-name span{color:#839197;font:10px var(--mono)}.bar-track{background:#2a393f;border-radius:2px;height:21px;overflow:hidden}.performance-bar{border-radius:2px;align-items:center;min-width:3%;height:100%;padding:0 7px;display:flex}.performance-bar span{font:10px var(--mono);color:var(--ink);white-space:nowrap}.bar-positive{background:#6fe0d3}.bar-negative{background:#ed8b79}.relative-return{font:10px var(--mono);white-space:nowrap;text-align:right}.relative-return small{color:#839197;font:9px var(--mono);margin-top:2px;display:block}.forex-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.forex-card{flex-direction:column;justify-content:space-between;min-height:115px;padding:17px;display:flex}.forex-topline h3{font:500 13px var(--mono);margin:0}.forex-topline span{font:10px var(--mono)}.forex-card>strong{font-size:20px}.forex-caption{font-size:9px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:18px 0 28px;display:flex}@media (width<=1050px){.market-grid{grid-template-columns:repeat(3,1fr)}.market-card:last-child{grid-column:span 1}.stock-grid,.forex-grid{grid-template-columns:repeat(4,1fr)}.sector-panel{grid-template-columns:1fr;gap:25px}.sector-description{max-width:580px}}@media (width<=680px){.dashboard-header,.dashboard-content,.site-footer{width:min(100% - 32px,520px)}.dashboard-header{min-height:auto;padding:30px 0 25px;display:block}.brand-lockup{gap:12px}.brand-mark{width:30px;height:30px}.brand-mark:before{height:11px;bottom:6px;left:7px}.brand-mark:after{height:17px;bottom:6px;left:13px}.brand-mark span{height:23px;bottom:6px;left:19px}h1{font-size:2.5rem}.header-controls{align-items:stretch;gap:13px;margin-top:27px}.updated-at{text-align:right}.timeframe-control{justify-content:space-between}.timeframe-button{flex:1;padding:9px 4px}.dashboard-content{padding-top:30px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-note{font-size:9px}.market-grid,.stock-grid,.forex-grid{grid-template-columns:repeat(2,1fr)}.market-card{min-height:151px;padding:14px}.market-card h3{font-size:12px}.market-value-row{flex-direction:column;align-items:flex-start;gap:8px}.market-value-row strong{font-size:18px}.stock-card{min-height:145px;padding:13px}.sector-panel{margin-left:0;margin-right:0;padding:25px 17px}.sector-row{grid-template-columns:20px minmax(100px,1fr) 80px;gap:8px}.bar-track{grid-area:2/2/auto/4}.relative-return{grid-area:1/3;font-size:9px}.relative-return small{display:none}.sector-list{gap:15px}.site-footer{font-size:8px}}
