:root{font-family:'DM Sans',system-ui,sans-serif;color:#253a31;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid #e6eae3;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#153e35;font-weight:800;font-size:23px;position:relative;padding-bottom:35px}.brand img{width:37px;height:37px}.brand>span{position:absolute;left:47px;top:30px;letter-spacing:3px;font-size:9px}.nav-label{font-size:10px;letter-spacing:2px;margin:32px 12px 15px;color:#859086}nav{display:grid;gap:9px}nav button{border:0;background:none;text-align:left;padding:15px;border-radius:9px;color:#738078;font-size:13px;font-weight:600}nav button span{font-size:21px;display:inline-block;width:32px}nav button.active{background:#eaf0e7;color:#224e38}.aside-foot{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:11px}.avatar{background:#e9eedf;border-radius:50%;padding:11px 14px;color:#4c664e}.aside-foot small{display:block;font-size:9px;color:#889187;margin-top:5px}main{margin-left:240px;padding:42px 48px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;color:#849181;letter-spacing:2px;font-weight:700}h1{font-family:Manrope,system-ui;font-size:29px;letter-spacing:-1px;margin:10px 0}header p{font-size:13px;color:#849086;margin:0}.primary{background:#153e35;color:#fff;border:0;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:600}.notice{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#edf0e7;border:1px solid #e4e8dd;border-radius:8px;font-size:11px;color:#6a7766;margin-bottom:23px}.notice button{margin-left:auto;border:0;background:none;color:#446747;font-size:11px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metric{border:1px solid #e4e8df;background:white;border-radius:13px;padding:25px}.metric>span{font-size:12px;color:#7e8a7e}.metric h2{font-family:Manrope,system-ui;font-size:30px;letter-spacing:-1px;margin:15px 0 9px}.metric small{font-size:10px;color:#859082}.metric.featured{background:#153e35;color:white;border-color:#153e35}.metric.featured>span,.metric.featured small{color:#b4c6b9}.grid{display:grid;grid-template-columns:2fr 1fr;gap:23px;margin-bottom:24px}.panel{background:#fff;border:1px solid #e4e8df;padding:24px;border-radius:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h3{font-size:14px;margin:0 0 5px;font-weight:700}.panel p{font-size:11px;color:#8a9389;margin:7px 0}.tag{font-size:10px;display:inline-block;border-radius:6px;background:#f0f3ec;color:#6b8067;padding:6px 10px}.chart{width:100%;margin-top:22px}.caption{font-size:11px!important;line-height:1.6;color:#879185!important;margin-top:15px!important}.allocation{display:flex;justify-content:center;padding:25px}.ring{width:142px;height:142px;border-radius:50%;background:conic-gradient(#3f6950 var(--share),#e5ebd7 0);display:flex;align-items:center;justify-content:center}.ring>span{background:white;border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;font-weight:700}.ring small{font-size:10px;font-weight:400;color:#8a9487;margin-top:5px}.legend{font-size:11px;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f2ed}.legend span{color:#71846c}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:17px;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;color:#929b90;font-weight:500;border-bottom:1px solid #ebeee7;padding:12px 10px}td{padding:18px 10px;border-bottom:1px solid #f0f2ed}td small{display:block;font-size:10px;color:#8b9588;margin-top:5px}.asset-icon{float:left;display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#f0f3eb;color:#617c57;border-radius:9px;margin-right:11px;font-size:10px;font-weight:700}.positive{color:#46784e}.negative{color:#b84e45}.quote{border:0;background:none;color:#3a5843;padding:0}.text-button{border:0;background:none;color:#5d7e58;font-size:11px}.delete{background:none;border:0;color:#a0a99d;font-size:24px}.settings{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.settings button{background:white;border:1px solid #dfe5d8;border-radius:6px;padding:10px;font-size:11px;color:#5b7154}footer{display:flex;justify-content:space-between;margin-top:28px;color:#99a192;font-size:10px}.empty{padding:40px 15px;color:#86917e;text-align:center;font-size:13px}dialog{border:1px solid #dde4d6;border-radius:15px;padding:25px;width:min(430px,92vw);color:#253a31;max-height:90vh}dialog::backdrop{background:#122b2255;backdrop-filter:blur(3px)}form label{display:block;font-size:12px;color:#71806b;margin-top:14px}input,select{display:block;width:100%;padding:11px;border:1px solid #dbe2d5;border-radius:6px;margin-top:6px;background:#fff;color:#253a31}form>.primary{width:100%;margin-top:15px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7ba47a;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1450px){main{padding:55px 65px}}@media(max-width:1000px){aside{width:190px;padding:30px 15px}main{margin-left:190px;padding:30px 24px}.metrics{gap:12px}.metric{padding:18px}.metric h2{font-size:25px}.grid{grid-template-columns:1.7fr 1fr}}@media(max-width:700px){aside{position:static;width:auto;padding:18px 20px;border-right:0;border-bottom:1px solid #e4e8df}.brand{padding-bottom:15px;font-size:21px}.brand>span{top:27px}.nav-label,.aside-foot{display:none}nav{display:flex;gap:4px;overflow-x:auto}nav button{padding:10px 9px;font-size:10px;white-space:nowrap}nav button span{width:18px;font-size:15px}main{margin:0;padding:25px 16px}header{align-items:flex-start;flex-direction:column;gap:17px}h1{font-size:26px}.notice{align-items:flex-start;flex-wrap:wrap;line-height:1.6}.notice button{margin-left:0}.metrics{grid-template-columns:1fr;gap:12px}.metric{padding:20px;position:relative}.metric h2{font-size:28px;margin:9px 0}.grid{grid-template-columns:1fr}.panel{padding:18px}footer{gap:15px;line-height:1.5}td{padding:15px 8px}.eyebrow{font-size:9px}}
.quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-8px 0 22px;color:#71806b;font-size:11px}.quote-toolbar button{white-space:nowrap}.quote-toolbar button:disabled{opacity:.5;cursor:wait}td .text-button{display:block;margin-top:7px;padding:0;font-size:10px}td small.negative{color:#b84e45;white-space:normal;max-width:220px}@media(max-width:700px){.quote-toolbar{align-items:flex-start;line-height:1.5}}
.tax-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}details{margin:22px 0;color:#6b8067;font-size:12px}summary{cursor:pointer}@media(max-width:700px){.tax-fields{grid-template-columns:1fr}}
@media(min-width:701px){aside{overflow-y:auto}nav{flex-shrink:0}.aside-foot{padding-top:22px}}
#instrument-search{width:min(560px,94vw)}#instrument-status{font-size:12px;line-height:1.6;color:#64765c}.instrument-result{width:100%;display:block;text-align:left;border:1px solid #dfe5d8;background:#f7f9f4;border-radius:8px;padding:14px;margin:8px 0;color:#253a31}.instrument-result:hover{background:#eaf0e7}.instrument-result small{display:block;color:#71806b;font-size:11px;margin-top:6px}.instrument-result:disabled{opacity:.5;cursor:wait}input[readonly]{background:#f1f4ed;color:#6b8067}#find-instrument{margin-top:18px;padding:10px 0}#instrument-selection{font-size:11px;line-height:1.6;color:#6b8067}

:root{color-scheme:light}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-toggle{border:1px solid #dbe2d5;background:#fff;color:#253a31;border-radius:8px;padding:12px 14px;min-height:44px;font-size:12px;white-space:nowrap}
:root[data-theme="dark"]{color-scheme:dark;color:#e1ece6;background:#111b18}
[data-theme="dark"] aside,[data-theme="dark"] .panel,[data-theme="dark"] .metric,[data-theme="dark"] dialog{background:#1a2822;color:#e1ece6;border-color:#35483e}
[data-theme="dark"] .brand,[data-theme="dark"] .quote{color:#b8e4c6}
[data-theme="dark"] nav button{color:#afc2b5}
[data-theme="dark"] nav button.active,[data-theme="dark"] .tag,[data-theme="dark"] .avatar,[data-theme="dark"] .asset-icon{background:#2a4033;color:#c4e4c4}
[data-theme="dark"] .metric.featured{background:#214c3d;border-color:#38624f;color:#f4fff6}
[data-theme="dark"] .notice{background:#23352b;border-color:#35483e;color:#b9cbbd}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] .settings button,[data-theme="dark"] .theme-toggle{background:#142019;color:#e1ece6;border-color:#49604f}
[data-theme="dark"] input[readonly]{background:#26372d;color:#c1d1c3}
[data-theme="dark"] .instrument-result{background:#22342a;color:#e1ece6;border-color:#49604f}
[data-theme="dark"] .instrument-result:hover{background:#304c3a}
[data-theme="dark"] .primary{background:#b3d9bc;color:#142a1e}
[data-theme="dark"] .ring{background:conic-gradient(#89ba92 var(--share),#35483e 0)}
[data-theme="dark"] .ring>span{background:#1a2822}
[data-theme="dark"] th,[data-theme="dark"] td,[data-theme="dark"] .legend{border-color:#35483e}
[data-theme="dark"] .positive{color:#91d39f}[data-theme="dark"] .negative,[data-theme="dark"] td small.negative{color:#ffaba1}
[data-theme="dark"] .text-button,[data-theme="dark"] .notice button{color:#b5dcb4}
[data-theme="dark"] .nav-label,[data-theme="dark"] .aside-foot small,[data-theme="dark"] .eyebrow,[data-theme="dark"] header p,[data-theme="dark"] .metric>span,[data-theme="dark"] .metric small,[data-theme="dark"] .panel p,[data-theme="dark"] .ring small,[data-theme="dark"] .legend span,[data-theme="dark"] th,[data-theme="dark"] td small,[data-theme="dark"] footer,[data-theme="dark"] .empty,[data-theme="dark"] form label,[data-theme="dark"] .quote-toolbar,[data-theme="dark"] details,[data-theme="dark"] .instrument-result small,[data-theme="dark"] #instrument-selection,[data-theme="dark"] #instrument-status{color:#afc2b5}
[data-theme="dark"] .caption{color:#afc2b5!important}
@media(max-width:700px){.header-actions{width:100%;justify-content:space-between}}

#find-instrument.instrument-search-button{display:block;width:100%;min-height:48px;margin:20px 0 14px;padding:14px 16px;border:1px solid #153e35;border-radius:8px;background:#eaf0e7;color:#153e35;font-size:14px;font-weight:700;text-align:center}
#find-instrument.instrument-search-button:hover{background:#dce8d9}
[data-theme="dark"] #find-instrument.instrument-search-button{background:#304c3a;border-color:#89ba92;color:#e1ece6}
#purchase-price-field small{display:block;margin-top:7px;line-height:1.5}
