:root{--ink:#172b47;--muted:#78869a;--blue:#356de7;--border:#e8edf4;--canvas:#f6f8fc;--side:242px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#fff;border-right:1px solid var(--border);padding:31px 20px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 9px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:750;line-height:1.2;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:#8b97a9;margin-top:7px}.brand-mark{height:40px;width:40px;border-radius:11px;background:var(--blue);display:grid;place-content:center;color:white;font-size:24px;font-weight:750;position:relative}.brand-mark span{font-size:15px;position:absolute;right:7px;bottom:5px}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9aa6b6;margin:47px 12px 16px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;margin-bottom:7px;color:#7b8799;text-decoration:none;font-weight:550;border-radius:8px}.nav-item>span:first-child{font-size:20px;font-weight:400;line-height:1}.nav-item.active{background:#edf3ff;color:#356de7}.nav-item:hover{background:#f3f6fb}.nav-count{margin-left:auto;background:#eaf0fa;color:#6981aa;border-radius:5px;padding:2px 6px;font-size:10px}.sidebar-note{margin:auto 4px 25px;padding:20px 16px;background:#f6f9ff;border:1px solid #e7eefb;border-radius:11px}.small-label{font-size:9px;letter-spacing:1.5px;color:#7393c7;display:block;margin-bottom:13px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:12px;color:#8b97a9;line-height:1.8;margin:10px 0 17px}.source-label{font-size:10px;color:#6585b7;background:#eaf1fc;border-radius:5px;padding:5px 8px}.sidebar-footer{font-size:11px;color:#8998ac;border-top:1px solid var(--border);padding:18px 8px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:#7e9fcf;display:inline-block;margin-right:7px}.main-shell{margin-left:var(--side);width:calc(100% - var(--side))}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#fff;border-bottom:1px solid var(--border)}.breadcrumb-label{font-size:12px;color:#94a1b4}.breadcrumb-label span{margin:0 15px;color:#c5cdd9}.breadcrumb-label strong{color:#63748b;font-weight:500}.topbar-tag{font-size:9px;letter-spacing:1.4px;color:#899bb3}.topbar-tag span{padding:0 7px;color:#bbc7d8}.main-content{max-width:1600px;margin:auto;padding:38px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{color:#7893bb;letter-spacing:1.9px;font-weight:600;font-size:9px;margin-bottom:10px}h1{font-size:29px;letter-spacing:-.9px;font-weight:650;margin:0 0 10px}.page-heading p{color:#8a96a8;font-size:12px;margin:0}.refresh-button{font-size:11px;border-color:#d9e3f5;color:#5276af;background:#fff;border-radius:7px;padding:10px 15px;white-space:nowrap}.refresh-button span{margin-right:7px;font-size:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:29px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:20px 20px 15px;box-shadow:0 3px 6px #152e4d02}.metric-top{color:#8592a6;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-icon{background:#f1f5fc;border-radius:7px;padding:3px 8px;color:#7397cc;font-size:18px}.metric-value{font-size:32px;font-weight:650;letter-spacing:-1px;margin:13px 0 12px;line-height:1.1}.metric-value small{font-size:11px;letter-spacing:0;font-weight:400;color:#a2aebf;margin-left:9px}.time-value{font-size:20px;letter-spacing:-.5px;min-height:35px;display:flex;align-items:center}.date-value{font-size:26px;min-height:35px;display:flex;align-items:center}.metric-card p{font-size:10px;color:#9ba7b8;margin:0;line-height:1.6}.accent-card{background:#f0f5ff;border-color:#e1eafa}.accent-card .metric-value{color:#4c78b9}.accent-card .metric-icon{background:#e5eeff}.universe-panel{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 15px #14294502;scroll-margin-top:20px}.panel-heading{padding:24px 25px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{font-size:16px;font-weight:650;letter-spacing:-.2px;margin:0 0 7px}.panel-heading p{color:#98a3b3;font-size:11px;margin:0}.count-pill{display:inline-block;background:#eff4fc;color:#7894bf;font-size:10px;padding:4px 7px;border-radius:5px;vertical-align:middle;margin-left:7px}.outline-tag{font-size:8px;letter-spacing:1px;color:#7d94b7;border:1px solid #e6edf7;border-radius:5px;padding:7px 9px;white-space:nowrap}.table-toolbar{display:flex;gap:12px;padding:0 25px 21px}.search-field{display:flex;align-items:center;position:relative;flex:1}.search-field span{position:absolute;left:12px;font-size:21px;color:#9baac0;pointer-events:none}.search-field input{padding-left:36px}.table-toolbar .form-control,.table-toolbar .form-select{font-size:11px;border-color:#e5eaf2;border-radius:6px;height:37px;color:#7e8fa7;background-color:#fff}.table-toolbar .form-control::placeholder{color:#a2aec0}.table-toolbar .form-select{width:181px}.stock-table{margin:0;width:100%;font-size:12px}.stock-table thead th{background:#f8fafd;color:#98a5b8;font-size:8px;letter-spacing:1px;font-weight:600;padding:14px 20px;white-space:nowrap;border-bottom:1px solid #edf1f7}.stock-table th:first-child,.stock-table td:first-child{padding-left:25px}.stock-table td{padding:15px 20px;border-bottom:1px solid #f0f3f8}.stock-table th span{font-size:7px;color:#b2bece;letter-spacing:0;margin-left:4px}.stock-table tbody tr:hover td{background:#fafcff}.stock-identity{display:flex;gap:12px;align-items:center}.ticker-avatar{width:34px;height:34px;background:#eef3fc;color:#708ebc;border:1px solid #e7edf7;border-radius:8px;display:grid;place-items:center;font-weight:650;font-size:10px;flex-shrink:0}.stock-identity strong{font-size:12px;font-weight:650;display:block;color:#304665}.stock-identity small{font-size:10px;display:block;color:#98a6b9;margin-top:3px;white-space:nowrap}.sector-cell{color:#94a2b6;font-size:10px}.exchange-label{font-size:8px;letter-spacing:.3px;color:#8295b0;background:#f5f7fb;border:1px solid #eef1f6;border-radius:4px;padding:4px 6px}.price-cell{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;color:#3b516f!important}.trade-date{font-size:10px;font-variant-numeric:tabular-nums;color:#8293ac!important;white-space:nowrap}.data-badge{font-size:9px;border-radius:5px;padding:6px 8px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.data-badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.data-badge.success{background:#edf8f3;color:#5e9b7c}.data-badge.warning{background:#fff7e7;color:#b6954e}.data-badge.danger{background:#fff0f0;color:#bf7272}.data-badge.neutral{background:#f0f2f5;color:#8b95a3}.table-footer{display:flex;justify-content:space-between;padding:17px 25px;color:#9ba9bc;font-size:10px;gap:15px}.data-notes{display:flex;justify-content:space-between;align-items:center;margin-top:23px;border:1px solid #e6ecf5;border-radius:9px;padding:21px 24px;background:#f2f6fc;gap:18px;scroll-margin-top:20px}.data-notes>div:first-child{display:flex;gap:13px;align-items:center}.note-icon{font-size:20px;color:#809ecb}.data-notes h2{font-size:11px;font-weight:600;margin:0 0 5px;color:#6a83a6}.data-notes p{font-size:10px;color:#93a4bd;margin:0}.import-status{text-align:right}.import-status strong{display:block;font-weight:500;font-size:10px;color:#7c93b5}.import-status small{display:block;font-size:9px;color:#9aaac1;margin-top:5px}.footnote{font-size:9px;color:#a2afc1;margin:17px 3px}.empty-state{text-align:center;padding:45px 20px;color:#8b9bb3;font-size:12px}.empty-state>span{font-size:30px;color:#9bb3d8}.empty-state h3{font-size:16px;color:#5c7397;margin:16px 0 10px}.empty-state p{line-height:1.8}.config-alert{font-size:12px;line-height:1.8}select:focus,input:focus,a:focus-visible{outline:2px solid #467de5;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1600px){.main-content{padding-top:50px}}@media(max-width:1200px){:root{--side:210px}.main-content{padding:30px 25px}.topbar{padding:0 25px}.metrics-grid{gap:12px}.metric-card{padding:17px 14px}.metric-value{font-size:28px}.time-value{font-size:16px}.date-value{font-size:22px}.stock-table td,.stock-table thead th{padding-left:13px;padding-right:13px}}@media(max-width:950px){:root{--side:185px}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:15px;gap:8px}.brand-mark{width:32px;height:34px;font-size:21px}.brand small{font-size:7px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.table-toolbar .form-select{flex:1}.data-notes{align-items:flex-start;flex-direction:column}.import-status{text-align:left;padding-left:34px}.topbar-tag{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px 18px 10px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:18px}.sidebar nav{display:flex;gap:5px;margin-top:20px}.nav-item{font-size:10px;gap:6px;margin:0;padding:10px 8px}.nav-count,.nav-caption,.sidebar-note,.sidebar-footer{display:none}.main-shell{width:100%;margin:0}.topbar{height:48px;padding:0 20px}.main-content{padding:25px 16px}.page-heading{align-items:flex-start}h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.refresh-button{padding:8px 9px;font-size:9px;margin-top:18px}.metrics-grid{gap:10px;margin-bottom:20px}.metric-card{padding:14px 12px}.metric-top{font-size:10px}.metric-card p{font-size:9px}.time-value{font-size:15px}.metric-icon{font-size:14px;padding:3px 6px}.panel-heading{padding:20px 16px}.outline-tag{display:none}.table-toolbar{padding:0 16px 16px;gap:8px}.table-toolbar .form-select{font-size:10px;min-width:0;width:130px}.stock-table{min-width:740px}.table-footer{padding:16px;font-size:9px}.data-notes{padding:17px 15px}.data-notes p{line-height:1.8}.footnote{line-height:1.8}}
