:root{font-family:Inter,"Segoe UI","Noto Sans SC",Arial,sans-serif;color:#192638;background:#f4f6f9;--navy:#172236;--line:#e8ecf1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:27px 17px 18px;color:#f4f7fb;background:var(--navy);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 38px}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{margin-top:3px;color:#92a0b2;font-size:11px}.logo{position:relative;width:32px;height:32px;border-radius:10px;background:#d5f0e7}.logo:before,.logo:after{content:"";position:absolute;border-radius:50%}.logo:before{width:22px;height:22px;left:-4px;bottom:-4px;background:#35a986}.logo:after{width:17px;height:17px;right:0;top:-3px;background:#9cdbc5}.nav-label{padding:0 11px 11px;color:#738198;font-size:10px;letter-spacing:.12em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 11px;border-radius:7px;color:#a9b4c4;font-size:12px}.sidebar nav a:hover,.sidebar nav .active{color:#f8fbff;background:#293a53}.sidebar nav .active{box-shadow:inset 2px 0 #64c5a3}.side-bottom{margin-top:auto}.source{display:flex;gap:10px;align-items:center;margin:0 5px 21px;padding:12px 10px;border:1px solid #2c3a50;border-radius:8px;background:#1d2b41}.source>i,.feed i{width:7px;height:7px;border-radius:50%;background:#efb75e}.source span{display:grid;gap:3px}.source b{font-size:11px}.source small{max-width:150px;overflow:hidden;color:#8d9bb0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.side-bottom>small{padding:0 10px;color:#64738a;font:10px Consolas,monospace}
main{margin-left:238px;min-height:100vh}header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffbf;color:#929cab;font-size:11px}header>span b{color:#465264}header>div{display:flex;align-items:center;gap:15px}.feed{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:20px;background:white;color:#6a7686;font-size:10px}.feed i{width:6px;height:6px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#467c69;background:#dff1e9;font:normal 700 9px sans-serif}.page{max-width:1480px;margin:auto;padding:35px 38px 24px}.title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{color:#98a2b0;font:10px Consolas,monospace;letter-spacing:.1em}.title h1{margin:9px 0 6px;color:#182538;font-size:27px;letter-spacing:-.035em}.title p{margin:0;color:#858f9e;font-size:12px}.title>label{display:grid;justify-items:end;gap:4px;padding-bottom:2px;color:#a0a9b6;font-size:10px}.title>label b{color:#586577;font-size:11px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.stats article,.panel{border:1px solid var(--line);border-radius:9px;background:white;box-shadow:0 2px 6px #1a2b4206}.stats article{min-height:120px;padding:15px 16px}.stats label{display:block;color:#778394;font-size:11px}.stats b{display:block;margin-top:8px;color:#202d40;font-size:24px;letter-spacing:-.04em}.stats b.word{font-size:17px;letter-spacing:0}.stats small{display:block;margin-top:3px;color:#a0a9b5;font-size:10px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;align-items:start}.table-panel{min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 19px 15px}.panel-head>div>small{color:#98a2b0;font:10px Consolas,monospace;letter-spacing:.1em}.panel-head h2{margin:5px 0 4px;color:#233146;font-size:15px}.panel-head p{margin:0;color:#98a2b0;font-size:10px}.panel-head>span{flex:none;padding:5px 8px;border:1px solid #e9edf2;border-radius:5px;color:#798594;background:#fafbfd;font-size:10px}
.scroll{overflow-x:auto}table{width:100%;min-width:850px;border-collapse:collapse;text-align:left}thead{background:#f8f9fb}th{height:34px;color:#929cab;font-size:9px;font-weight:600;white-space:nowrap}td,th{padding:0 9px}th:first-child,td:first-child{padding-left:19px}td{height:47px;border-top:1px solid #f0f2f5;color:#566274;font-size:10px;white-space:nowrap}.sector{display:flex;align-items:center;gap:9px}.mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e7edf1;border-radius:7px;color:#5a7187;background:#f6f9fb;font-size:9px;font-weight:700}.sector span:last-child{display:grid;gap:2px}.sector b{color:#334155;font-size:10px}.sector small{color:#a0a9b5;font-size:9px}.ticker,.value{font:10px Consolas,monospace}.ticker{color:#46566b}.value{color:#c1c8d1}.status{padding:4px 6px;border-radius:4px;color:#a2814c;background:#faf5ea;font-size:9px}.empty{height:100px;color:#9ba5b2;text-align:center}.table-panel>footer{display:flex;justify-content:space-between;padding:11px 19px;border-top:1px solid #eef1f4;color:#a2abb7;font:9px Consolas,monospace}
.rail{display:grid;gap:14px}.pipeline{padding-bottom:14px}.connected{border:0!important;background:none!important;color:#59947d!important}.steps{padding:0 19px}.steps>div{display:flex;align-items:center;gap:10px;min-height:39px}.steps>div>i{display:grid;place-items:center;width:21px;height:21px;border:1px solid #bfe7d7;border-radius:50%;color:#399776;background:#eff9f4;font:normal 10px Consolas,monospace}.steps span{display:grid;gap:2px}.steps b{color:#4d5a6c;font-size:10px}.steps small{color:#9da7b4;font:9px Consolas,monospace}.steps em{margin-left:auto;color:#56ac8d;font-style:normal}.steps hr{width:1px;height:8px;margin:0 0 0 10px;border:0;background:#dfe8e5}.steps .pending>i{color:#adb5c0;border-color:#e4e8ed;background:#fafbfd}.steps label{margin-left:auto;color:#a2aab5;font-size:9px}.callout{margin:12px 14px 0;padding:11px;border:1px solid #e5f1eb;border-radius:7px;color:#7f9388;background:#f5faf7;font-size:9px;line-height:1.7}.callout b{color:#527865;font-size:10px}.note{padding:15px 16px}.note>b{color:#556274;font-size:10px}.note p{margin:9px 0 11px;color:#8792a0;font-size:10px;line-height:1.8}.note>small{padding:4px 7px;border-radius:4px;color:#a28250;background:#fbf5e9;font-size:9px}.page-foot{display:flex;justify-content:space-between;margin-top:22px;padding:13px 1px 0;border-top:1px solid #e6eaf0;color:#9ca6b3;font-size:9px}
@media(max-width:1120px){.layout{grid-template-columns:1fr}.rail{grid-template-columns:1.2fr .8fr}}@media(max-width:800px){.sidebar{width:64px;padding:19px 8px 14px;align-items:center}.brand{padding:0 0 31px}.brand>span:last-child,.nav-label,.sidebar nav a:not(.active),.source,.side-bottom>small{display:none}.sidebar nav{width:100%}.sidebar nav a{padding:11px 0;text-align:center;font-size:0}.sidebar nav .active{font-size:0}.sidebar nav .active::first-letter{font-size:17px}main{margin-left:64px}header{padding:0 22px}.page{padding:27px 22px 20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{height:54px;padding:0 15px}.page{padding:23px 14px 18px}.title{align-items:flex-start;gap:15px;flex-direction:column}.title>label{justify-items:start}.title h1{font-size:23px}.stats{gap:9px}.stats article{min-height:108px;padding:12px}.rail{grid-template-columns:1fr}.page-foot{gap:8px;flex-direction:column}}