:root{--green:#2563eb;--green2:#174cbe;--bg:#f3f5f9;--card:#fff;--line:#e7ebf2;--text:#18243b;--muted:#7c899d;--red:#e15161;--down:#159879;--gold:#ad7925;--blue:#3977ee;--navy:#101c32;--shadow:0 4px 18px #1f3b6b04;--num:"SF Pro Display","Avenir Next",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #5b8aff}#sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--navy);color:#fff;padding:30px 16px 24px;display:flex;flex-direction:column;z-index:20;border-right:1px solid #1e2b41}.brand{display:flex;align-items:center;gap:12px;padding:0 14px 39px;font-size:25px;line-height:1.3;font-weight:600;letter-spacing:2px}.brand span:not(.brand-icon){display:block;font-size:10px;letter-spacing:2.5px;font-weight:500;color:#8594ae;margin-top:7px}.brand-icon{height:38px;width:38px;border-radius:10px;background:#2863ed;display:grid;place-items:center;box-shadow:0 4px 18px #0002}.brand-icon svg{width:24px;height:24px}.nav-label{font-size:11px;letter-spacing:2px;color:#64758f;padding:0 15px 16px}nav{display:grid;gap:7px}nav button{position:relative;border:0;background:none;color:#8f9eb6;display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:7px;width:100%;text-align:left;font-size:14px;font-weight:450;letter-spacing:.3px}nav button svg{width:18px;height:18px;opacity:.9}nav button:hover{background:#1a2943;color:#dce7fb}nav button.active{color:#fff;background:#23375a}nav button.active:before{content:"";position:absolute;width:3px;height:19px;background:#548aff;left:0;border-radius:2px}nav button.active svg{color:#76a1ff}nav button:nth-child(3){margin-top:18px}nav button:nth-child(8){margin-top:18px}.sidebar-bottom{margin-top:auto;padding:20px 14px 0}.local-icon{width:31px;height:31px;display:grid;place-items:center;color:#8bace9;background:#1c2c47;border-radius:7px;margin-bottom:13px}.local-icon svg{width:17px;height:17px}.sidebar-bottom strong{font-size:13px;font-weight:500;color:#bac8dd}.sidebar-bottom p{font-size:12px;line-height:1.9;color:#70839f;margin:8px 0 16px}.local-badge{border-top:1px solid #233047;display:block;padding-top:17px;font-size:11px;color:#7185a5;letter-spacing:.4px}.workspace{margin-left:224px}header{height:76px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:13px;color:#8b95a5}.breadcrumb span{color:#ced5df}.breadcrumb b{font-weight:500;color:#4f5e76}.header-actions{display:flex;gap:9px;align-items:center}.button,.icon-button{border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#526078;padding:9px 14px;font-size:13px;white-space:nowrap;font-weight:500}.button:hover{background:#f6f8fc;border-color:#c5d2e9}.button.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 3px 7px #2563eb14}.button.primary:hover{background:#1856d8}.button.danger{color:#d8495c}.icon-button{padding:6px 10px}#menu{display:none}main{max-width:1680px;padding:26px 36px 20px;margin:auto}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eaf0ff;border:1px solid #dce6fc;border-radius:7px;padding:9px 14px;margin-bottom:28px;font-size:12px;color:#778bb4}.demo-banner b{color:#4474c9;font-weight:600}.demo-banner .text-button{font-size:12px;color:#3464bc}.text-button{border:0;padding:3px 0;background:none;color:var(--green);font-size:13px;font-weight:500}.text-button:hover{color:#113ea9}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8795aa;font-weight:600;margin-bottom:6px}h1{font-size:28px;font-weight:620;line-height:1.4;letter-spacing:.5px;margin:0 0 7px}h2{font-size:16px;font-weight:600;margin:0;letter-spacing:.2px}h3{font-size:15px;margin:0}.subtitle{font-size:13px;margin:0;color:#8994a6}.date-chip{font-size:12px;font-family:var(--num);font-variant-numeric:tabular-nums;color:#8491a5;letter-spacing:.2px;border:1px solid #e1e6ef;padding:8px 12px;background:#fff;border-radius:6px}.metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:16px;margin-bottom:24px}.metric{min-width:0;padding:21px 22px 18px;border-radius:11px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.metric.hero{background:linear-gradient(115deg,#152842,#213e6b);border-color:#20385b;color:#fff}.metric.hero:after{content:"";position:absolute;top:20px;bottom:20px;left:0;width:3px;border-radius:2px;background:#6398ff}.metric .label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:13px;color:#7f8ba0}.metric.hero .label{color:#afc3e4}.metric .label svg{width:16px;height:16px;color:#7994bc}.metric .value{font-family:var(--num);font-size:29px;font-weight:600;letter-spacing:-.7px;line-height:1.4;font-variant-numeric:tabular-nums;margin:14px 0 13px;white-space:nowrap}.metric .unit{font-size:18px;font-weight:400;margin-right:7px;color:#b3c8e9}.metric .meta{border-top:1px solid #edf0f5;padding-top:11px;font-size:11px;color:#939dae;overflow-wrap:anywhere}.metric.hero .meta{color:#92adcf;border-color:#ffffff16}.up{color:var(--red)}.down{color:var(--down)}.badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;white-space:nowrap;padding:3px 6px;background:#eff4ff;color:#6184c0;border-radius:4px;font-weight:500}.badge.gray{background:#f3f5f8;color:#95a0b1}.badge.gold{background:#fff6e7;color:#b8883e}.badge.red{background:#fff0f1;color:#d8717d}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px;margin-bottom:24px}.two-col>*,.review-grid>*,.settings-grid>*{min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f2f6}.panel-body{padding:21px 23px}.segmented{display:flex;gap:3px;background:#f3f5fa;border:1px solid #ecf0f6;border-radius:6px;padding:3px}.segmented button{border:0;background:none;font-size:11px;color:#91a0b6;padding:4px 10px;border-radius:4px}.segmented button.active{color:#336bdd;background:#fff;box-shadow:0 1px 4px #10213c10;font-weight:600}.chart-meta{display:flex;align-items:baseline;gap:11px;font-size:12px;color:#a0aabd}.chart-meta strong{font-family:var(--num);font-size:25px;font-weight:560;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#263955}.chart-meta>span{font-size:11px;background:#f4f7fc;padding:2px 7px;border-radius:4px}.chart{height:190px;margin:16px 0 0}.chart svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-family:var(--num);font-size:11px;color:#a0acc0;margin-top:7px;padding-right:9%}.chart-note{font-size:11px;color:#a0abbd;margin:16px 0 0;padding-top:13px;border-top:1px solid #f2f4f8;display:flex;align-items:center;justify-content:space-between;gap:7px}.allocation{display:flex;flex-direction:column;align-items:center;gap:21px;padding:21px 24px 4px}.donut{width:151px;height:151px;border-radius:50%;display:grid;place-items:center;transform:rotate(-90deg)}.donut-center{width:126px;height:126px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a0b7;font-size:10px;transform:rotate(90deg)}.donut-center strong{font-family:var(--num);font-size:31px;color:#283d60;line-height:1.5;font-weight:550}.legend{display:grid;gap:10px;width:100%}.legend-row{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;font-size:12px;color:#7d8ba2}.legend-row b{font-family:var(--num);font-weight:550;color:#435673;font-variant-numeric:tabular-nums}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.allocation-foot{padding-top:15px;margin:17px 24px 18px;border-top:1px solid #f0f3f8;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9aa7ba;font-size:11px}.allocation-foot .text-button{font-size:11px}.table-toolbar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tabs button{font-size:12px;border:0;background:none;color:#93a0b3;border-radius:5px;padding:7px 12px}.tabs button.active{background:#edf3ff;color:#3d72d5;font-weight:600}.search input{font-size:12px;width:210px;padding:8px 12px;border-radius:6px;border:1px solid #e7ecf4;background:#fafbfd;color:#44516c}.search input::placeholder{color:#a3aec0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{font-size:11px;font-weight:450;color:#96a2b5;background:#f8faff;padding:11px 22px;border-top:1px solid #edf1f8;border-bottom:1px solid #edf1f8}td{padding:16px 22px;border-bottom:1px solid #f0f3f8;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td small{font-size:10px;color:#a3afc0;display:block;margin-top:4px;font-weight:400}.numeric{font-family:var(--num);text-align:right;font-size:13px;font-weight:550;letter-spacing:.1px}th.numeric{font-size:11px;font-weight:450}.asset-name{font-size:13px;font-weight:550;color:#354760}.asset-cell{display:flex;align-items:center}.asset-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;margin-right:12px;font-size:12px;font-weight:550;color:#5c7eae;flex-shrink:0}.table-foot{border-top:1px solid #f0f3f8;padding:13px 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;color:#9ba7ba}.small-link{border:0;background:none;color:#6687bd;font-size:11px;padding:4px}.small-link:hover{color:#2563eb}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.reminder{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #edf1f7}.reminder:first-child{padding-top:0}.reminder:last-child{border:0;padding-bottom:0}.reminder-symbol{width:34px;min-width:34px;height:34px;display:grid;place-items:center;background:#fff6e7;color:#bc903e;border-radius:8px;font-size:19px}.reminder h3{font-size:13px;font-weight:550;color:#43536d}.reminder p{margin:5px 0;font-size:12px;color:#9ba7b8}.reminder small{font-size:11px;color:#c19b5e}.checklist{display:grid;gap:14px;font-size:13px;color:#6c7e99}.checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checklist input{accent-color:var(--green);width:15px;height:15px;margin:4px 0 0}.check-done{color:#b2bccb;text-decoration:line-through}.quiet{font-size:12px;color:#96a2b5}.empty{padding:46px 20px;text-align:center;color:#8997ad}.empty-icon{font-size:28px;color:#98acd0}.empty h3{color:#536581;font-weight:500;margin:12px}.empty p{font-size:13px;max-width:440px;margin:10px auto 22px}.chart-empty{height:305px;display:grid;place-content:center;text-align:center;color:#8e9bb0;font-size:14px}.chart-empty p{font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#aab5c7;letter-spacing:.2px;margin-top:30px;padding-top:6px}dialog{width:min(640px,calc(100% - 32px));max-height:90vh;border:1px solid #dce4f0;padding:0;border-radius:14px;background:#fff;color:var(--text);box-shadow:0 26px 100px #0f23484a}dialog::backdrop{background:#0d1b385c;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}.dialog-body{padding:24px 26px}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;background:#fafbfd;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:8px;font-size:13px;color:#62718b}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe6f1;border-radius:7px;padding:10px 12px;background:#fcfdff;font-size:14px;color:#30425f}.field textarea{min-height:100px;resize:vertical}.field small{font-size:12px;color:var(--muted)}.notice{padding:13px 15px;font-size:12px;background:#eff4fd;color:#7187ac;border:1px solid #e2eaf9;border-radius:7px;margin-bottom:19px}.review-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.review-entry{border-bottom:1px solid var(--line);padding:20px 0}.review-entry:first-child{padding-top:0}.review-entry:last-child{border:0}.review-entry p{font-size:14px;white-space:pre-wrap;line-height:1.8;color:#667894}.entry-head{display:flex;justify-content:space-between;align-items:center}.entry-head h3{font-family:var(--num);font-size:15px;color:#445b7b}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid p{font-size:14px;color:#8897ac;line-height:1.9;margin-bottom:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.profit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.profit-row strong{font-size:23px;font-family:var(--num);font-weight:550}.bar-row{margin:20px 0}.bar-row .bar-info{display:flex;justify-content:space-between;font-size:14px;margin-bottom:9px}.bar{height:7px;background:#edf2fa;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);padding:12px 23px;background:#183253;color:white;font-size:13px;box-shadow:0 10px 35px #132a4930;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{padding-top:30px}.metric .value{font-size:33px}.chart{height:215px}.allocation{padding-top:28px;gap:24px}.donut{width:160px;height:160px}.donut-center{width:134px;height:134px}}@media(max-width:1200px){#sidebar{width:192px;padding-left:12px;padding-right:12px}.workspace{margin-left:192px}main{padding:24px}.brand{padding-left:10px}header{padding:0 24px}.metrics{gap:12px;grid-template-columns:1.2fr 1fr 1fr 1fr}.metric{padding:18px 16px 15px}.metric .value{font-size:24px}.metric .label{font-size:12px}.metric .badge{font-size:9px}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px}.panel-head,.panel-body{padding:18px}.chart-note{display:block}.chart-note .small-link{display:block;margin-top:5px}.date-chip{font-size:11px}.allocation{padding:22px 20px 3px}.allocation-foot{margin-left:20px;margin-right:20px}.table-toolbar{padding:14px 18px}td,th{padding-left:18px;padding-right:18px}}
@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.metric .value{font-size:29px}.two-col{grid-template-columns:1fr}.allocation{flex-direction:row;justify-content:center;gap:38px;padding:26px}.legend{max-width:260px;gap:17px}.allocation-foot{margin:0 24px 18px}.review-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.date-chip{display:none}.header-actions #export-review{display:none}.overview-bottom{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}.chart{height:190px}.chart-note{display:flex}.chart-note .small-link{margin:0}.metric .badge{font-size:10px}}
@media(max-width:640px){#sidebar{width:216px;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 50px #11223f1c}#sidebar.open{transform:translateX(0)}.workspace{margin:0}header{height:65px;padding:0 15px}.breadcrumb{font-size:0;gap:10px}.breadcrumb span{display:none}.breadcrumb b{font-size:13px}#menu{display:block;font-size:16px;padding:4px 8px;border:0}.header-actions{gap:7px}.header-actions .button{font-size:12px;padding:8px 10px}#privacy{font-size:0!important;width:32px;height:36px;padding:0!important}#privacy:before{content:'◉';font-size:15px;color:#6d82a6}main{padding:20px 14px 16px}.demo-banner{padding:10px 11px;font-size:10px;gap:10px;margin-bottom:23px;align-items:flex-start}.demo-banner .text-button{font-size:10px;flex-shrink:0}.demo-banner span{max-width:210px}h1{font-size:24px}.eyebrow{font-size:9px}.subtitle{font-size:12px}.page-heading{margin-bottom:20px;gap:10px}.page-heading .button{font-size:11px}.metrics{gap:10px;margin-bottom:18px}.metric{padding:16px 12px 13px;border-radius:9px}.metric .label{font-size:11px}.metric .badge{display:none}.metric .value{font-size:23px;margin:14px 0}.metric .unit{font-size:14px;margin-right:4px}.metric .meta{font-size:10px;line-height:1.6}.metric .label svg{width:14px}.two-col{gap:18px;margin-bottom:18px}.panel-head,.panel-body{padding:16px}.panel-head h2{font-size:15px}.segmented button{font-size:10px;padding:4px 7px}.chart{height:160px;margin-top:10px}.chart-meta{font-size:11px;gap:8px}.chart-meta strong{font-size:24px}.chart-note{display:block;font-size:10px}.chart-note .small-link{display:block;margin-top:7px}.allocation{gap:24px;padding:22px 18px}.donut{width:130px;height:130px}.donut-center{width:108px;height:108px}.donut-center strong{font-size:28px}.legend{gap:14px;max-width:175px}.legend-row{font-size:11px;gap:7px}.allocation-foot{font-size:10px;margin:0 18px 16px}.table-toolbar{padding:12px}.tabs{gap:2px}.tabs button{padding:6px 9px;font-size:11px}.overview-bottom{gap:18px;margin-top:18px}.table-foot{padding:12px;font-size:10px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-body{padding:19px}.dialog-head,.dialog-foot{padding:17px 19px}.dialog-foot{flex-wrap:wrap}footer{font-size:9px;flex-direction:column;gap:3px;margin-top:23px}.chart-empty{height:220px}#toast{max-width:90%;width:max-content;font-size:12px}.settings-grid .actions{flex-direction:column}.profit-row strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep navigation labels readable at compact desktop widths. */
.brand span:not(.brand-icon){white-space:nowrap;letter-spacing:2px;font-size:9px}.nav-label{white-space:nowrap;font-size:10px;letter-spacing:1.2px}.metric .meta{font-size:12px}.legend-row{font-size:13px}.table-foot{font-size:12px}.chart-note{font-size:12px}td small{font-size:12px}.reminder h3{font-size:14px}.checklist{font-size:14px}.quiet{font-size:13px}
@media(max-width:640px){.metric .meta,.chart-note,.table-foot{font-size:11px}.legend-row{font-size:12px}.quiet{font-size:12px}}

/* 地三鲜 · personal investment studio */
:root{--green:#79568f;--green2:#60416f;--bg:#f6f5f8;--line:#eae7ef;--text:#302c38;--muted:#8a8493;--blue:#8c6aa0;--shadow:0 5px 24px #45345004;--red:#d95f6a;--down:#258b73}
#sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:26px 18px 22px;color:var(--text)}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 16px 30px;letter-spacing:0;position:relative}
.brand-art{width:154px;height:76px;position:relative;overflow:hidden;margin:0 0 13px -5px;flex-shrink:0}
.brand-art img{position:absolute;width:338px;height:auto;max-width:none;left:-92px;top:-17px}
.brand-name{font-size:17px;color:#786483;font-weight:500;letter-spacing:2px;line-height:1.7}
.brand .brand-name span{font-size:24px;color:#31263b;letter-spacing:1px;font-weight:650;margin-top:0;line-height:1.5}
.brand-caption{font-size:11px;font-weight:400;letter-spacing:.7px;color:#a39aab;margin:10px 0 0}
.nav-label{color:#a59bab;font-size:10px;letter-spacing:1.5px;padding:0 16px 13px}
nav{gap:5px}nav button{padding:12px 16px;color:#83788f;font-size:13px;gap:13px;border-radius:9px}nav button svg{width:17px;height:17px}nav button:hover{background:#f7f3f9;color:#725283}nav button.active{color:#6b467e;background:#f0e9f5;font-weight:600}nav button.active:before{background:#9872ad;left:0;width:3px;height:16px}nav button.active svg{color:#84599a}nav button:nth-child(3),nav button:nth-child(8){margin-top:14px}
.sidebar-bottom{padding:16px;background:#faf8fb;border:1px solid #f0ebf3;border-radius:12px;margin-top:auto}.local-icon{background:#eee7f3;color:#8e759b;width:27px;height:27px;margin-bottom:10px}.sidebar-bottom strong{color:#7c688a;font-size:12px}.sidebar-bottom p{color:#9b8fa4;font-size:11px;line-height:1.9;margin:7px 0 12px}.local-badge{border-color:#e9e2ee;color:#a294aa;font-size:10px;padding-top:12px}
.workspace{margin-left:248px}header{height:74px;background:#ffffffc9;border-color:#eae7ef;padding:0 38px}.breadcrumb{color:#a096a9;font-size:12px}.breadcrumb b{color:#796c84}.breadcrumb span{color:#d1c8d7}.button,.icon-button{border-color:#e3dce9;color:#807187;border-radius:8px}.button:hover{background:#f6f1f9;border-color:#cbbbd5}.button.primary{background:#79568f;border-color:#79568f;box-shadow:0 3px 7px #67417c14}.button.primary:hover{background:#654576}.text-button,.small-link{color:#8a679d}.text-button:hover,.small-link:hover{color:#60416f}button:focus-visible,a:focus-visible{outline-color:#9b78b1}
main{max-width:1630px;padding:28px 38px 22px}.demo-banner{border:1px dashed #ddcfb3;background:#fbf8f1;color:#ac9872;padding:9px 14px;border-radius:8px;margin-bottom:27px}.demo-banner b{color:#9c8050}.demo-banner .text-button{color:#96713f}.page-heading{margin-bottom:27px;align-items:center}.eyebrow{font-size:11px;color:#a58cae;letter-spacing:1.5px;margin-bottom:9px}h1{color:#3b2e44;font-size:27px;letter-spacing:.6px;font-weight:620;margin-bottom:9px}.subtitle{color:#9b90a2;font-size:12px}.date-chip{border:0;border-left:2px solid #ded1e5;background:transparent;border-radius:0;color:#9c8da6;padding:6px 0 6px 15px;font-size:11px}
.metrics{gap:0;border:1px solid #e6dfee;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);grid-template-columns:1.28fr 1fr 1fr 1fr;margin-bottom:24px}.metric{border:0;border-radius:0;box-shadow:none;padding:24px;min-height:161px}.metric:not(.hero):not(:last-child){border-right:1px solid #efeaf3}.metric.hero{background:#5e436d;border:0;color:white;position:relative}.metric.hero:after{width:68px;height:68px;border-radius:50%;background:transparent;border:16px solid #ffffff06;left:auto;right:-24px;top:-21px;bottom:auto}.metric .label{color:#a092ab;font-size:12px}.metric.hero .label{color:#d4c1df}.metric .label svg{color:#c0a4cf}.metric .value{font-size:29px;letter-spacing:-.7px;font-weight:600;margin:17px 0 15px}.metric .meta{font-size:11px;border-color:#f1edf5;color:#aca1b3;padding-top:10px}.metric.hero .meta{color:#c5afd2;border-color:#ffffff14}.metric .unit{color:#cbb5d7;font-size:17px}.badge{background:#f2edf7;color:#a08aac;border-radius:4px;font-size:9px}.badge.gray{background:#f4f1f6;color:#b0a4b9}.badge.gold{background:#faf2df;color:#b09561}.badge.red{background:#faedf0;color:#c57682}
.two-col{grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:24px}.panel{border:1px solid #eae5ef;border-radius:13px;box-shadow:var(--shadow)}.panel-head{border-color:#f2edf5;padding:20px 24px}.panel-head h2{color:#5b4a67;font-size:15px;font-weight:550}.panel-body{padding:22px 24px}.segmented{background:#f7f4f9;border-color:#f0eaf4;border-radius:7px}.segmented button{color:#aea0b8;padding:5px 10px}.segmented button.active{color:#86629b;box-shadow:0 1px 4px #4421570b}.chart-meta{color:#b1a5b9}.chart-meta strong{color:#725d83;font-weight:500;font-size:25px}.chart-meta>span{background:#f7f3fa;color:#b2a1be}.chart{height:187px}.chart-labels{color:#b4a9be}.chart-note{border-color:#f2edf5;color:#ada2b6;font-size:11px}.chart-note .small-link{font-size:11px}.allocation{padding:23px 25px 5px;gap:22px}.donut{width:150px;height:150px}.donut-center{width:125px;height:125px;color:#b4a5bd;font-size:10px}.donut-center strong{color:#79618b;font-weight:500}.legend{gap:11px}.legend-row{color:#9b8ba8;font-size:12px}.legend-row b{color:#826d91;font-size:12px}.dot{width:7px;height:7px}.allocation-foot{border-color:#f0eaf5;color:#b4a6bd;font-size:10px}.allocation-foot .text-button{font-size:11px}
.table-toolbar{padding:16px 24px}.tabs{gap:8px}.tabs button{color:#a496ae;padding:7px 13px}.tabs button.active{background:#f1eaf6;color:#89649d}.search input{background:#fbf9fd;border-color:#eee7f3;border-radius:7px;color:#705e7e}.search input::placeholder{color:#b9adbf}th{background:#faf8fc;border-color:#f1ebf6;color:#aea0b9;font-size:11px;padding:12px 24px}td{padding:18px 24px;border-color:#f3edf7}.asset-name{color:#72637d;font-size:13px}.asset-icon{border-radius:10px;color:#897396;width:34px;height:34px;font-size:12px}td small{font-size:11px;color:#b4a7be}.numeric{font-size:13px;font-weight:500}.quiet{color:#ad9fb7;font-size:12px}tbody tr:hover{background:#fdfbff}.table-foot{border-color:#f0eaf4;color:#b4a9bd;font-size:11px;padding:14px 24px}.overview-bottom{gap:24px}.reminder-symbol{background:#fbf4e7;color:#baa070}.reminder{border-color:#f0eaf4}.reminder h3{color:#887492}.reminder p{color:#ad9cb7}.reminder small{color:#b89f73}.checklist{color:#96859f;font-size:13px;gap:15px}.check-done{color:#c8becf}.checklist input{accent-color:#9271a6}.notice{background:#f6f0fa;border-color:#eae0f1;color:#987daa}.review-entry p{color:#94809f}.entry-head h3{color:#82688f}.settings-grid p{color:#9b8ba6}.field{color:#9985a4}.field input,.field textarea,.field select{background:#fdfbff;border-color:#e9dfef;color:#725b7f}.dialog-head,.dialog-foot{border-color:#eee6f3}.dialog-foot{background:#fbf8fd}dialog{border-color:#e6daee;box-shadow:0 26px 100px #3a21434a}dialog::backdrop{background:#2d1e3c55}#toast{background:#5e436d}footer{color:#b8aabe;font-size:10px;letter-spacing:.4px}
@media(min-width:1600px){.metric .value{font-size:34px}.chart{height:214px}.allocation{padding-top:28px;gap:25px}}
@media(max-width:1200px){#sidebar{width:216px;padding:23px 14px}.workspace{margin-left:216px}.brand{padding-left:13px}.brand-art{width:144px}.brand .brand-name span{font-size:23px}main{padding:25px}header{padding:0 25px}.metric{padding:21px 17px}.metric .value{font-size:26px}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px}h1{font-size:25px}.page-heading .date-chip{display:none}.panel-head,.panel-body{padding:20px}.chart{height:180px}}
@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr;gap:0}.metric:nth-child(2){border-bottom:1px solid #efeaf3;border-right:0!important}.metric.hero{border-bottom:1px solid #5e436d}.metric .value{font-size:29px}.two-col{grid-template-columns:1fr}.allocation{padding:24px;gap:38px;flex-direction:row}.chart{height:200px}.table-toolbar{padding:16px 20px}}
@media(max-width:640px){#sidebar{width:230px;box-shadow:12px 0 50px #4823571c;padding-top:20px}.brand{padding-bottom:21px}.brand-art{height:64px;margin-bottom:6px}.brand-caption{margin-top:7px}nav{gap:2px}nav button{padding:10px 16px}nav button:nth-child(3),nav button:nth-child(8){margin-top:9px}.sidebar-bottom{margin-top:20px}#sidebar{overflow-y:auto}.workspace{margin-left:0}header{height:64px;padding:0 14px}.breadcrumb{font-size:0}.breadcrumb b{font-size:12px}.header-actions .button{padding:8px 10px}#privacy:before{color:#957da5}main{padding:20px 14px}.demo-banner{margin-bottom:23px;font-size:10px}.page-heading{margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:7px}h1{font-size:23px;letter-spacing:0}.subtitle{font-size:11px;line-height:1.8}.metrics{border-radius:12px;margin-bottom:19px}.metric{padding:18px 13px;min-height:145px}.metric .label{font-size:11px}.metric .value{font-size:24px;margin:15px 0}.metric .meta{font-size:10px}.metric .unit{font-size:14px}.two-col{gap:19px;margin-bottom:19px}.panel-head,.panel-body{padding:17px}.panel-head h2{font-size:14px}.chart{height:160px}.chart-meta strong{font-size:23px}.chart-note{font-size:10px}.allocation{padding:20px 17px;gap:22px}.donut{width:128px;height:128px}.donut-center{width:106px;height:106px}.legend-row{font-size:11px}.legend-row b{font-size:11px}.table-toolbar{padding:12px}.tabs{gap:2px}.tabs button{font-size:11px;padding:6px 9px}.table-foot{padding:12px;font-size:10px}.overview-bottom{gap:19px;margin-top:19px}footer{font-size:9px}.sidebar-bottom p{font-size:11px}}
/* Readability and complete display of the original transparent mark. */
.brand-art img{width:220%;left:-60%;top:-14px}.brand-caption,.nav-label{color:#877b90}.subtitle,.date-chip,.breadcrumb{color:#82748c}.metric .label{color:#81718b}.metric .meta{color:#8d8097}.metric.hero .label{color:#e4d5ec}.metric.hero .meta{color:#d6c3e1}.chart-meta,.chart-labels,.chart-note,.quiet,.legend-row,.allocation-foot,.table-foot{color:#8c7c97}.search input::placeholder,th,td small{color:#93839e}.sidebar-bottom p,.local-badge{color:#9a87a6}.badge.gray{color:#96849f}.subtitle{line-height:1.8}.metric .value,.numeric{font-variant-numeric:tabular-nums}.brand-art{isolation:isolate}

.mobile-mark{display:none}@media(max-width:640px){.breadcrumb .mobile-mark{display:block;position:relative;width:57px;height:29px;overflow:hidden;flex-shrink:0}.mobile-mark img{position:absolute;width:125px;max-width:none;height:auto;left:-34px;top:-5px}.breadcrumb{gap:8px}.breadcrumb b{font-size:11px}}