/* Dense financial workstation aesthetic, independently designed */
:root{--bg:#090a0a;--sidebar:#101111;--surface:#141515;--surface2:#171818;--line:#353535;--muted:#999;--soft:#b7b7b7;--text:#f0eeea;--lime:#ff9a25;--green:#59d5a0;--red:#fb7373;--orange:#ffa83d}
html,body{background:#090a0a;color:#e8e5dc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:12px}
button,input,textarea{font-family:inherit} .app-shell{background:#090a0a}
.sidebar{background:#111212;border-right:1px solid #393939;width:214px;flex-basis:214px;padding:24px 10px;min-height:100vh}
.brand{margin:6px 8px 42px;gap:8px}.brand-mark{background:#261b11;color:#ff9a25;border-color:#70471a;border-radius:0;width:32px;height:32px}.brand strong{font:800 14px/1.1 ui-monospace,monospace;letter-spacing:0}.brand-suffix{color:#ffa632}.brand span{font-size:8px;letter-spacing:.45px;color:#969696;margin-top:8px}
.side-title{font-size:9px;letter-spacing:1.3px;color:#787878;margin:0 12px 12px}.nav{gap:1px}.nav-item{border-radius:0;padding:12px 13px;font:700 11px ui-monospace,monospace;letter-spacing:.3px;color:#b0b0b0}.nav-item.active{background:#30251b!important;color:#ffad47!important;border-left:3px solid #ff9c27}.nav-icon{color:#ffa83d}.side-title-tools{margin-top:28px}.side-foot{border-top:1px solid #343434}.side-foot p{color:#727272}
.main{background:#090a0a;min-width:0}.topbar{height:54px;background:#111212;border-bottom:1px solid #343434}.breadcrumb{font-size:10px;color:#8c8c8c;letter-spacing:1px}.breadcrumb strong{color:#ffac43}.last-sync{font-size:10px;color:#b0b0b0}.icon-button,.button-outline{border:1px solid #5a4a36;color:#ffb05b;background:#201b16;border-radius:0}.button-primary{background:#ff9b26!important;color:#0b0b0b!important;border:1px solid #ff9b26!important;border-radius:0!important;font-weight:900!important;letter-spacing:.3px}.button{border-radius:0!important;text-transform:uppercase;font-size:10px}
.content{max-width:1780px;padding:0 25px 35px}.terminal-tape{display:flex;align-items:center;gap:30px;flex-wrap:wrap;min-height:39px;padding:8px 11px;margin:0 -25px 26px;background:#1c1c1a;border-bottom:1px solid #4b4539;color:#94948b;font-size:9px;letter-spacing:.4px}.terminal-tape b{color:#ff9f30;font-weight:900}.terminal-tape strong{color:#e7e1d5}.tape-right{margin-left:auto}.tape-right i{color:#4edb95;font-style:normal}.intro{margin-bottom:22px}.eyebrow,.overline{color:#f0a443!important;font-family:inherit;font-weight:700;font-size:9px;letter-spacing:1.4px}.pulse{background:#ff9b22}.intro h1{font:800 clamp(24px,3vw,34px) ui-monospace,monospace;letter-spacing:-1.2px;margin:10px 0 9px}.title-period{color:#ffa027}.intro p{font-size:10px;letter-spacing:.3px;color:#a2a2a2}.demo-notice{background:#271e11;border:1px solid #6d4d25;border-radius:0;color:#d2b991;font-size:11px;margin-bottom:17px}.demo-notice span{color:#ffb75c}
.metric-grid{grid-template-columns:1.18fr 1fr 1fr 1fr;gap:7px;margin-bottom:9px}.metric,.panel{background:#151616;border:1px solid #343434;border-radius:0}.metric{min-height:126px;padding:17px}.hero-metric{background:#211b14;border-color:#81551f}.metric-label{color:#b7a994;font:800 10px ui-monospace,monospace;letter-spacing:.75px}.metric-symbol{color:#d39748}.metric-big{font:800 clamp(23px,2.55vw,33px) ui-monospace,monospace;letter-spacing:-1px;margin:16px 0 7px}.metric-value{font:800 clamp(20px,2vw,26px) ui-monospace,monospace;letter-spacing:-1px;margin:20px 0 12px}.metric-bottom .subtle{font-size:9px;color:#9d9d9d}.pill{background:#16382e;border-radius:0;color:#5be1a6;font-size:10px}.pill.negative{background:#3c1d1d}.metric-watermark{color:#ffb05c;opacity:.065}
.split-grid{gap:9px;margin-bottom:9px}.panel{padding:17px}.panel-heading{margin-bottom:15px}.overline{margin-bottom:6px}h2{font:800 15px ui-monospace,monospace;letter-spacing:-.2px}.muted-heading{color:#919191}.chart-tag{font:700 9px ui-monospace,monospace;color:#ffb05b;border:1px solid #6c4a2c;border-radius:0}.chart-wrap{height:234px}.chart-footer,.small-note{color:#888}.donut:after{background:#151616}.donut-center span{color:#b1a18c}.donut-center strong{font:800 24px ui-monospace,monospace}.legend-name{color:#c7c7c7}.legend-value{color:#ffb05b}.small-note{border-color:#343434}
.table-panel{padding-bottom:9px}th{background:#1d1d1d;border-bottom:1px solid #515151;color:#f4a843;padding:12px 9px;font:800 9px ui-monospace,monospace;letter-spacing:.55px}th:first-child{padding-left:10px}td{padding:12px 9px;border-bottom:1px solid #303030;color:#eee;font:11px ui-monospace,monospace}td:first-child{padding-left:10px}tbody tr:nth-child(even){background:#181919}tbody tr:hover{background:#24211b}.asset-icon{width:31px;height:31px;color:#ffae48;border:1px solid #6c4827;background:#292016;border-radius:0}.asset-name{font:800 11px ui-monospace,monospace;color:#f0e9df}.asset-sector{color:#999;font-size:9px}.positive{color:#55d69a!important}.negative-text{color:#ff7777!important}.weight-bar i{background:#3c3c3c;border-radius:0}.weight-bar i:after{background:#ff9c2a;border-radius:0}.text-button{color:#ffad4a;font:800 10px ui-monospace,monospace}.footer{color:#8c8c8c}.footer-dot{color:#f19a36}
.modal{background:#171818;color:#eee;border:1px solid #76542d;border-radius:0}.modal::backdrop{background:#000d}.tabs{border-color:#444}.tab{color:#aaa}.tab.active{color:#ffaf4d;border-color:#ffaf4d}.csv-area,.field,.search-input{background:#0c0d0d;color:#f2efe8;border:1px solid #474747;border-radius:0;font:11px ui-monospace,monospace}.csv-area{line-height:1.7}.form-help,.field-note,.info-panel p{color:#aaa}.security-note{background:#312414;border-radius:0;color:#f4d1a3}.info-panel{background:#191919;border:1px solid #3d3d3d;border-radius:0}.info-panel strong{color:#fca43c}.reset-button{color:#fca43c}.error-banner{border-radius:0}
@media(max-width:1030px){.sidebar{width:65px;flex-basis:65px}.brand{margin-left:6px}.main{width:calc(100% - 65px)}}
@media(max-width:700px){.sidebar{width:100%;height:62px;min-height:0;padding:0 10px}.main{width:100%}.content{padding:0 12px 24px}.terminal-tape{margin:0 -12px 20px;gap:12px;font-size:8px}.tape-right{margin-left:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:125px;padding:12px}.metric-big{font-size:21px}.metric-value{font-size:20px}.panel{padding:12px}.topbar{padding:0 12px}.intro h1{font-size:24px}.sidebar .brand{margin-right:12px}.nav-item.active{border-left:0;border-bottom:3px solid #ff9c27}.sidebar .nav{gap:1px}}