@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e17;--sidebar:#0a111d;--surface:#101825;--surface2:#121d2b;--line:#223044;--muted:#8694aa;--soft:#a8b5c8;--text:#f1f5f7;--lime:#c6e6a6;--green:#a5dda0;--red:#ff9999;--orange:#ffca95}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;flex:0 0 244px;border-right:1px solid #1d2a3b;background:var(--sidebar);display:flex;flex-direction:column;padding:34px 16px 25px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 63px}.brand-mark{height:37px;width:37px;background:#172619;color:var(--lime);border:1px solid #425540;border-radius:11px;padding:6px}.brand-mark svg{width:100%;height:100%}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:2px;font-weight:800}.brand span{display:block;font-size:8px;letter-spacing:2.2px;color:#889eaf;margin-top:4px}.side-title{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#63778f;margin:0 12px 18px}.side-title-tools{margin-top:34px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#94a6b9;width:100%;display:flex;gap:15px;text-align:left;align-items:center;padding:13px 16px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.1px}.nav-item:hover{background:#182334;color:white}.nav-item.active{background:#1b2d2f;color:var(--lime);box-shadow:inset 3px 0 var(--lime)}.nav-icon{font-size:20px;width:20px;text-align:center;font-weight:400;line-height:1}.side-foot{margin-top:auto;padding:21px 11px 0;border-top:1px solid #243143;font-size:11px;color:#b4c3d3;position:relative}.side-foot .status-dot{display:inline-block;background:#acd49a;width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #acd49a60}.side-foot p{color:#66798e;font-size:11px;margin:15px 0 0}.main{width:calc(100% - 244px);min-width:0}.topbar{height:78px;border-bottom:1px solid #1d2a3b;display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumb{color:#778ba0;font-size:10px;letter-spacing:1.6px;font-weight:700}.breadcrumb span{margin:0 12px;color:#45586b}.breadcrumb strong{font-weight:700;color:#c9d4dc}.top-actions{display:flex;align-items:center;gap:14px}.last-sync{color:#8394aa;font-size:12px}.icon-button{border:1px solid #2b3b4c;border-radius:7px;background:#101a29;color:#b0c1ce;width:35px;height:35px;font-size:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:8px;font-size:12px;letter-spacing:.1px;font-weight:700;white-space:nowrap}.button.small{padding:9px 13px}.button-primary{color:#17231c;background:var(--lime)}.button-primary:hover{background:#d6f1b9}.button-outline{background:#111b29;border-color:#2d3e50;color:#c4d1df}.button-outline:hover{background:#19273a}.content{max-width:1650px;margin:0 auto;padding:43px 46px 16px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px;gap:20px}.eyebrow,.overline{font-size:10px;color:#a4bd94;letter-spacing:2px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:6px;height:6px;border-radius:50%;background:#c9e9ad;box-shadow:0 0 9px #c9e9ad}.eyebrow-divider{color:#465c68;margin:0 7px}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1.55px;margin:13px 0 8px;font-weight:700}.title-period{color:var(--lime)}.intro p{font-size:13px;color:#8092a8;margin-bottom:0}.demo-notice{padding:12px 16px;color:#d3d7ce;border:1px solid #4d5037;border-radius:9px;background:#27291e;margin-bottom:23px;font-size:12px;line-height:1.6;position:relative;padding-right:42px}.demo-notice span{font-size:10px;font-weight:800;letter-spacing:1px;color:#f1d9a3;margin-right:12px}.demo-notice button{position:absolute;right:14px;top:8px;color:#f1d9a3;font-size:22px;border:0;background:none}.error-banner{padding:13px 15px;background:#3b2427;border:1px solid #854748;color:#ffc1bb;border-radius:8px;margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:15px;margin-bottom:19px}.metric,.panel{background:var(--surface);border:1px solid #243143;border-radius:11px}.metric{min-height:158px;padding:23px;position:relative;overflow:hidden}.hero-metric{background:linear-gradient(126deg,#1d332d,#182b30 65%,#17232a);border-color:#354a45}.metric-label{display:flex;justify-content:space-between;gap:6px;font-size:10px;font-weight:700;color:#93a5bb;letter-spacing:1.2px}.metric-symbol{font-size:16px;color:#849da0;font-weight:400;line-height:10px}.metric-big{font:700 clamp(25px,2.45vw,36px) Manrope,sans-serif;letter-spacing:-1.3px;margin:19px 0 9px}.metric-value{font:700 clamp(20px,2vw,26px) Manrope,sans-serif;letter-spacing:-.8px;margin:26px 0 16px}.metric-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{font-size:11px;font-weight:800;background:#264738;border-radius:5px;color:#b4e4b1;padding:4px 6px}.pill.negative{background:#492e32;color:#ffaaaa}.subtle{font-size:10px;color:#8b9eae}.metric-watermark{position:absolute;font:800 160px Manrope,sans-serif;right:-4px;bottom:-87px;color:#b9e4c0;opacity:.045}.split-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:19px;margin-bottom:19px}.panel{padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.overline{color:#8da682;font-size:9px;margin-bottom:9px}h2{font-size:18px;font-weight:700;letter-spacing:-.45px;margin:0}.muted-heading{color:#8191a4;font-weight:500}.chart-tag{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#8295aa;border:1px solid #304155;border-radius:5px;padding:8px 9px;white-space:nowrap}.chart-wrap{height:250px;position:relative}.chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.chart-footer{display:flex;justify-content:space-between;color:#72869c;font-size:10px;margin-top:8px}.donut-layout{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:215px}.donut{width:190px;height:190px;flex:0 0 190px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#273345;position:relative}.donut:after{content:'';width:122px;height:122px;background:var(--surface);border-radius:50%;position:absolute}.donut-center{z-index:1;text-align:center}.donut-center span{display:block;color:#8395a9;font-size:9px;letter-spacing:1.4px}.donut-center strong{font:700 29px Manrope,sans-serif;display:block;margin-top:4px}.legend{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.legend-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:11px}.legend-dot{width:7px;height:7px;border-radius:2px}.legend-name{color:#9eafbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-value{font-weight:700;color:#d4e0e6}.small-note{border-top:1px solid #243143;padding-top:15px;color:#6f8297;font-size:10px;margin-top:7px}.table-panel{padding-bottom:12px}.text-button{color:#bfdba7;border:0;background:none;font-size:11px;font-weight:700}.text-button:hover{text-decoration:underline}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{color:#748ba1;letter-spacing:1.1px;font-size:9px;font-weight:700;text-align:right;padding:15px 10px 16px;border-bottom:1px solid #2b3849}th:first-child,td:first-child{text-align:left;padding-left:0}th:last-child,td:last-child{padding-right:0}td{text-align:right;color:#d1dce6;font-size:12px;padding:17px 10px;border-bottom:1px solid #202c3e;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#152131}.asset-cell{display:flex;align-items:center;gap:11px}.asset-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3a4e59;border-radius:9px;color:#c5e0cb;font-size:10px;font-weight:800;background:#1b2e32;letter-spacing:.3px}.asset-name{display:block;font-size:12px;font-weight:700;color:#e6ecf1}.asset-sector{display:block;font-size:10px;color:#7e90a4;margin-top:5px}.money{font-variant-numeric:tabular-nums}.positive{color:#a4dda5!important}.negative-text{color:#ff9e9e!important}.weight-bar{display:inline-flex;align-items:center;gap:9px}.weight-bar i{height:4px;width:40px;border-radius:4px;background:#283949;display:block;overflow:hidden}.weight-bar i:after{content:'';display:block;height:100%;width:var(--weight);background:var(--lime);border-radius:4px}.footer{color:#5e7289;font-size:10px;display:flex;justify-content:space-between;gap:20px;padding:30px 0 12px}.footer-dot{padding:0 8px;color:#41566a}.inline-actions{display:flex;align-items:center;gap:8px}.search-input,.field{background:#101d2a;border:1px solid #304255;color:white;border-radius:8px;padding:10px 12px;font-size:12px;min-width:170px}.table-foot{border-top:1px solid #263344;padding:17px 0 4px;color:#8293a4;font-size:11px}.info-panel{margin-top:20px;padding:22px 24px;background:#151f29;border:1px solid #293c4a;border-radius:10px}.info-panel strong{font-size:13px}.info-panel p{color:#8799a9;line-height:1.8;margin:10px 0 0;font-size:12px;max-width:1000px}.performance-metrics{grid-template-columns:repeat(4,1fr)}.full-chart{margin-bottom:19px}.full-chart .chart-wrap{height:355px}.date-metric{font-size:18px}.modal{width:min(680px,calc(100vw - 30px));padding:0;border:1px solid #3a4e60;border-radius:15px;background:#111b28;color:#e5eff5;box-shadow:0 26px 80px #000a;max-height:92vh;overflow:auto}.modal::backdrop{background:#04070cbd}.modal form{padding:28px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:23px;margin:7px 0 25px}.modal-close{background:none;color:#93a6bb;border:0;font-size:30px;line-height:1}.tabs{border-bottom:1px solid #2f4051;display:flex;gap:22px;margin-bottom:22px}.tab{background:transparent;color:#899bac;border:0;border-bottom:2px solid transparent;padding:0 0 12px;font-weight:700;font-size:12px}.tab.active{color:var(--lime);border-color:var(--lime)}.form-help{color:#a0b0c0;font-size:12px;line-height:1.7}.csv-area{width:100%;min-height:205px;background:#0b1420;border:1px solid #354759;border-radius:8px;color:#d0e2e7;padding:14px;font:11px/1.8 ui-monospace,Menlo,Consolas,monospace;resize:vertical;white-space:pre;overflow:auto}.field-note{font-size:10px;color:#7e93a6;margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.file-upload{cursor:pointer}.form-label{display:block;color:#9bb0c5;font-weight:700;font-size:10px;letter-spacing:1.1px;margin:22px 0 8px}.field{width:100%;font-size:12px}.security-note{border:1px solid #62583b;border-radius:8px;color:#c8bc9c;background:#29261e;padding:12px;font-size:11px;line-height:1.7;margin:20px 0 0}.modal-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b3b4b;margin-top:25px;padding-top:18px;font-size:11px;color:var(--lime);gap:12px}.reset-button{background:none;border:0;padding:0;color:#899bac;font-size:11px;text-decoration:underline}.empty-row{text-align:center;color:#91a3b6;padding:30px!important}
@media(max-width:1300px){.content{padding:35px 28px}.topbar{padding:0 28px}.metric{padding:19px}.metric-grid{gap:12px}.donut-layout{gap:14px}.donut{width:145px;height:145px;flex-basis:145px}.donut:after{width:94px;height:94px}}
@media(max-width:1030px){.sidebar{width:72px;flex-basis:72px;padding-left:8px;padding-right:8px}.brand{margin:0 8px 50px}.brand>div:last-child,.side-title,.nav-item:not(.active) .nav-icon+*,.side-foot{display:none}.nav-item{font-size:0;justify-content:center;padding:15px 0}.nav-icon{font-size:23px}.main{width:calc(100% - 72px)}.split-grid{grid-template-columns:1fr}.donut-layout{justify-content:flex-start;gap:40px}.donut{width:190px;height:190px;flex-basis:190px}.donut:after{width:122px;height:122px}.legend{max-width:260px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:100%;height:64px;min-height:0;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #203044;padding:0 12px;gap:12px}.brand{margin:0 15px 0 2px}.brand-mark{width:34px;height:34px}.nav{flex-direction:row;gap:4px}.nav-item{padding:10px 12px}.side-title-tools{display:none}.main{width:100%}.topbar{height:61px;padding:0 18px}.last-sync{display:none}.content{padding:26px 16px}.intro{align-items:flex-start}.intro .button{padding:10px;font-size:10px}.eyebrow{font-size:9px;letter-spacing:1px}.metric-grid,.performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:135px;padding:16px}.metric-value{font-size:20px;margin:25px 0 10px}.metric-big{font-size:25px}.metric-label{font-size:9px}.subtle{font-size:9px}.panel{padding:17px}.panel-heading{align-items:flex-start}.chart-wrap{height:215px}.chart-tag{font-size:8px;padding:7px}.donut-layout{gap:20px}.donut{width:145px;height:145px;flex-basis:145px}.donut:after{width:94px;height:94px}.legend{gap:12px}.footer{flex-direction:column;gap:5px}.inline-actions{flex-wrap:wrap;justify-content:flex-end}.search-input{min-width:115px;width:130px}.modal form{padding:20px}.tabs{gap:16px}}
@media(max-width:370px){.intro{flex-direction:column}.donut-layout{flex-direction:column}.legend{width:100%}.breadcrumb{font-size:9px}.topbar .button{font-size:0}.topbar .button span{font-size:15px}}