:root { --ink:#152039; --muted:#788298; --line:#e4e8f0; --paper:#fff; --bg:#f5f7fb; --green:#2ca55c; }
*{box-sizing:border-box} [hidden]{display:none!important} body{margin:0;color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif;background-color:var(--bg);background-image:linear-gradient(rgba(161,173,195,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(161,173,195,.12) 1px,transparent 1px);background-size:28px 28px}.page-shell{max-width:1780px;margin:0 auto;display:grid;grid-template-columns:260px minmax(600px,1fr) 300px;gap:34px;padding:54px 36px 80px}.side-panel,.market-panel{align-self:start;background:rgba(255,255,255,.87);border:1px solid rgba(229,233,241,.9);box-shadow:0 16px 45px rgba(44,61,90,.09);border-radius:20px;padding:25px}.brand-mini{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;color:#33405c;font-weight:500;padding-bottom:30px;border-bottom:1px solid var(--line)}.brand-mini span{width:8px;height:8px;background:var(--green);border-radius:99px;display:inline-block;margin-right:7px}.aside-kicker,.section-kicker{font-family:"DM Mono",monospace;color:#98a1b2;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.aside-kicker{margin:24px 0 8px}.index{padding:16px 0;border-bottom:1px solid #edf0f5}.index:last-child{border:0}.index-name{font-size:15px;font-weight:800;display:flex;justify-content:space-between}.index-name span{font-family:"DM Mono",monospace;color:var(--green);font-size:12px}.index-meta{color:#8c95a5;font-size:12px;margin-top:7px}.aside-foot{color:#9ba4b3;font-size:11px;line-height:1.75;padding-top:20px;border-top:1px solid var(--line)}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:3px 0 35px}.eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.06em;color:#5a6680}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:100%;background:#5ec27b;margin-right:7px}.hero h1{font-size:48px;letter-spacing:-.055em;line-height:1.07;margin:9px 0 11px;font-weight:800}.hero p{font-size:14px;color:var(--muted);margin:0}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.local-badge{color:#43845a;background:#eaf7ee;padding:9px 12px;border-radius:99px;font-size:11px;white-space:nowrap}.primary-btn,.secondary-btn,.text-btn,.icon-btn{font-family:inherit;cursor:pointer;border:0;transition:.2s ease}.primary-btn{background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700}.primary-btn:hover{background:#31405e;transform:translateY(-1px)}.primary-btn b{font-size:17px;margin-left:7px;line-height:0}.secondary-btn{border:1px solid #d9dfeb;background:#fff;color:#47536b;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.secondary-btn:hover{border-color:#8997b0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-card{position:relative;overflow:hidden;background:#fff;border-radius:14px;padding:19px 20px 17px;box-shadow:0 4px 18px rgba(32,48,77,.04)}.summary-card:before{content:"";position:absolute;left:0;top:17px;height:42px;width:3px;border-radius:3px;background:currentColor}.summary-card span{color:#7f899a;font-size:12px;padding-left:10px}.summary-card strong{display:block;font-family:Manrope,"Noto Sans SC",sans-serif;letter-spacing:-.055em;font-size:29px;line-height:1.2;margin:8px 0 6px}.summary-card small{color:#929aaa;font-size:11px}.orange{color:#df6c2f}.blue{color:#347aad}.violet{color:#7360c4}.green{color:#2aa15c}.chart-section,.allocation-section,.table-section{margin-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 15px}.section-heading h2{font-size:21px;letter-spacing:-.04em;margin:4px 0 0}.section-heading p:not(.section-kicker){font-size:11px;color:#929baa;margin:0}.treemap-frame{background:rgba(255,255,255,.93);padding:12px;border-radius:19px;box-shadow:0 12px 34px rgba(55,76,111,.07);min-height:480px}.treemap{position:relative;width:100%;height:500px;border-radius:12px;overflow:hidden;background:#ebeff5}.tile{position:absolute;padding:5px;transition:all .55s cubic-bezier(.2,.8,.2,1)}.tile-inner{width:100%;height:100%;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden}.tile-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.16),transparent 48%,rgba(0,0,0,.15));pointer-events:none}.tile .ticker{position:relative;z-index:1;font-size:clamp(14px,2vw,24px);font-weight:800;letter-spacing:-.05em}.tile .tile-name{position:relative;z-index:1;font-size:11px;opacity:.83;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0}.tile .weight{position:relative;z-index:1;font-family:"DM Mono",monospace;font-size:11px;font-weight:500}.tile.tiny .tile-name{display:none}.tile.tiny .ticker{font-size:11px}.tile.tiny .weight{display:none}.empty-state{height:500px;display:grid;place-items:center;color:#8c96a7;font-size:14px}.allocation-bar{height:40px;border-radius:10px;overflow:hidden;background:#e7ebf0;display:flex;box-shadow:inset 0 0 0 1px rgba(35,50,75,.04)}.allocation-segment{display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;min-width:3px;white-space:nowrap;overflow:hidden}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.legend-item{font-size:11px;color:#606b7d;display:flex;align-items:center;gap:6px}.legend-item b{color:#33405a}.legend-dot{width:8px;height:8px;border-radius:2px}.table-wrap{background:#fff;border:1px solid #e6eaf0;border-radius:15px;overflow:auto;box-shadow:0 10px 28px rgba(55,76,111,.05)}table{border-collapse:collapse;width:100%;min-width:730px}th{text-align:left;background:#fafbfc;color:#8d96a5;font-size:11px;font-weight:700;padding:13px 16px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:15px 16px;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#fbfcfe}.position-name{font-weight:800;font-size:14px}.position-name small{display:block;font-size:10px;color:#97a0af;font-weight:500;margin-top:3px}.mono{font-family:"DM Mono",monospace}.positive{color:#229458}.negative{color:#d34b48}.sector-pill{font-size:10px;border:1px solid #e0e5ed;padding:4px 7px;border-radius:99px;color:#69748a}.row-edit{background:transparent;color:#718098;font-size:17px;padding:3px 7px}.row-edit:hover{color:var(--ink)}.text-btn{background:transparent;color:#68758b;font-size:11px;text-decoration:underline;text-underline-offset:3px}.market-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:17px}.market-heading p{font-family:"DM Mono",monospace;font-size:10px;color:#9aa3b3;margin:0 0 5px}.market-heading h2{font-size:18px;margin:0;letter-spacing:-.04em}.market-heading span{font-size:10px;color:#96a0ae}.market-bars{padding-top:16px}.market-row{display:grid;grid-template-columns:61px 1fr 42px;gap:7px;align-items:center;margin:10px 0}.market-row label{font-size:10px;color:#6d7788;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-track{height:8px;background:#edf0f3;border-radius:3px;overflow:hidden}.market-fill{height:100%;border-radius:3px}.market-value{font-family:"DM Mono",monospace;font-size:10px;text-align:right;font-weight:500}.market-value.up{color:#35a25c}.market-value.down{color:#d3514b}dialog{border:0;border-radius:20px;padding:0;width:min(920px,calc(100vw - 32px));box-shadow:0 28px 80px rgba(17,26,46,.28);color:var(--ink)}dialog::backdrop{background:rgba(23,32,51,.36);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:5px 0 0;font-size:25px;letter-spacing:-.05em}.icon-btn{background:#f0f3f7;color:#5f6a7e;width:31px;height:31px;border-radius:50%;font-size:22px}.dialog-note{font-size:12px;color:#818b9a;line-height:1.6;margin:16px 0}.editor-rows{max-height:45vh;overflow:auto;border:1px solid #e4e8f0;border-radius:12px}.editor-row{display:grid;grid-template-columns:1fr 1.3fr 1.15fr .75fr .75fr .75fr 42px 27px;gap:7px;padding:11px;border-bottom:1px solid #edf0f4;align-items:end}.editor-row:last-child{border:0}.editor-row label,.cash-input{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:#768195}.editor-row input,.cash-input input{border:1px solid #dbe1eb;border-radius:7px;padding:8px;font:inherit;color:#27324b;min-width:0}.editor-row input[type="color"]{padding:2px;height:33px;width:100%}.remove-row{border:0;background:#fff0f0;color:#d85d5a;border-radius:7px;height:33px;font-size:18px;cursor:pointer}.editor-tools{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:14px}.cash-input{width:170px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}
@media(max-width:1350px){.page-shell{grid-template-columns:220px minmax(0,1fr);gap:25px}.market-panel{display:none}}@media(max-width:900px){.page-shell{display:block;padding:28px 18px 54px}.side-panel{display:none}.hero{align-items:flex-start;flex-direction:column;padding-bottom:24px}.header-actions{justify-content:flex-start}.summary-grid{grid-template-columns:repeat(2,1fr)}.treemap-frame,.empty-state{min-height:360px}.treemap{height:360px}.editor-row{grid-template-columns:repeat(2,1fr)}.editor-row .remove-row{grid-column:2;justify-self:end;width:32px}.editor-tools{align-items:flex-start;flex-direction:column}.hero h1{font-size:40px}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.summary-card strong{font-size:27px}.header-actions>*{width:100%;text-align:center}.section-heading{align-items:flex-start;gap:10px;flex-direction:column}.allocation-bar{height:35px}.dialog form{padding:18px}.editor-row{grid-template-columns:1fr}.editor-row .remove-row{grid-column:1}.dialog-actions>*{flex:1}}
@media (min-width:901px) and (max-width:1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.summary-card{min-width:0}}
.live-badge{color:#43719c;background:#e9f4ff;padding:9px 12px;border-radius:99px;font-size:11px;white-space:nowrap}.live-badge[data-state="live"]{color:#207a4a;background:#e9f8ee}.live-badge[data-state="loading"]{color:#9c6c26;background:#fff6e5}.live-badge[data-state="error"]{color:#ab4742;background:#fff0ef}.quote-note{font-size:11px;color:#929baa}.quote-change{display:block;font-size:10px;margin-top:3px}
.index-name span.down{color:#d34b48}
.slate{color:#8f99af}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile-logo{position:relative;z-index:1;display:grid;place-items:center;min-width:64px;height:64px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.95);color:#1c263a;font-family:Manrope,"Noto Sans SC",sans-serif;font-size:13px;font-weight:800;letter-spacing:-.06em;box-shadow:0 8px 18px rgba(7,12,22,.17);margin-bottom:10px}.tile.tiny .tile-logo{display:none}.tile.tiny .ticker{font-size:11px}
@media (min-width:1101px) and (max-width:1350px){.page-shell{grid-template-columns:170px minmax(0,1fr) 230px;gap:18px;padding:36px 24px 64px}.market-panel{display:block;padding:19px}.side-panel{padding:20px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{padding:17px 15px}.summary-card strong{font-size:25px}.hero{align-items:flex-end;flex-direction:row}.header-actions{justify-content:flex-end}.market-row{grid-template-columns:50px 1fr 38px;gap:5px}.market-row label{font-size:9px}.market-value{font-size:9px}}
@media (max-width:1100px){.page-shell{grid-template-columns:200px minmax(0,1fr);gap:22px;padding:34px 24px 60px}.market-panel{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}}
.options-section{margin-top:52px}.options-heading{margin-bottom:18px}.options-heading h2{display:flex;align-items:baseline;gap:12px}.options-heading h2 span{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.2em;color:#7f899a}.options-heading h2 em{font-style:normal;font-size:13px;font-weight:600;color:#69758a}.options-table-wrap{background:rgba(255,255,255,.94);border:1px solid #f0ddbe;border-radius:22px;overflow:hidden}.options-table{width:100%;min-width:0;border-collapse:collapse}.options-table th{background:transparent;color:#8993a2;text-align:left;font-size:12px;padding:17px 30px;border-bottom:1px solid #eceff3}.options-table td{padding:20px 30px;font-size:16px;border-bottom:0}.option-ticker{font-family:"DM Mono",monospace;color:#d18800;font-weight:700}.put-badge{display:inline-block;border:1px solid #f1cf9c;background:#fff8ee;color:#cc8500;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:800}.option-strike{font-family:"DM Mono",monospace;font-size:18px!important;font-weight:700}.option-expiry{font-family:"DM Mono",monospace;color:#747f91;font-size:14px!important;font-weight:600}.leverage-note{margin-top:24px;padding:22px 30px;border:1px solid #f0ddbe;border-radius:22px;background:rgba(255,251,245,.48)}.leverage-note strong{color:#c98508;font-size:18px}.leverage-note p{margin:16px 0 0;color:#6c778a;font-size:14px}.leverage-note p b{color:#cc8500;font-family:"DM Mono",monospace;font-size:20px;margin-right:7px}.options-footer{margin-top:30px;padding-top:20px;border-top:1px solid #dce1e9;color:#8b95a6;font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.06em}@media(max-width:700px){.options-table th,.options-table td{padding:15px 14px}.options-table th{font-size:10px}.option-expiry{font-size:11px!important}.leverage-note{padding:18px}.options-heading h2{gap:8px;font-size:20px}.options-heading h2 span,.options-heading h2 em{font-size:10px}}
.tile-logo.has-image{width:116px;height:64px;padding:0;overflow:hidden;background:#fff}.tile-logo.has-image img{display:block;width:100%;height:100%;object-fit:contain}.tile-logo.has-image:has(img[src$="asts-logo.png"]){background:#1e1e20}.tile-logo.has-image:has(img[src$="asts-logo.png"]) img{object-fit:cover}
.tile-logo.has-image:has(img[src$="asts-logo.png"]) img{object-fit:contain}
.tile.compact .tile-inner{padding:7px}.tile.compact .tile-logo{min-width:52px;width:52px;height:52px;margin-bottom:6px;font-size:11px}.tile.compact .tile-logo.has-image{width:88px;height:48px}.tile.compact .tile-name{display:none}.tile.compact .ticker{font-size:20px;line-height:1.05}.tile.compact .weight{font-size:10px;margin-top:4px}.tile.tiny .tile-inner{padding:4px}.tile.tiny .ticker{font-size:12px;letter-spacing:-.04em}.tile.tiny .weight{display:none}
.tile.tiny .tile-logo.has-image{display:block;width:100%;min-width:0;height:28px;margin:0 0 4px;padding:3px 4px;border-radius:6px;background:rgba(255,255,255,.96)}.tile.tiny .tile-logo.has-image img{width:100%;height:100%;object-fit:contain}.tile.tiny .tile-logo.has-image:has(img[src$="intc-logo.png"]){background:#fff}
.page-shell{max-width:1500px;grid-template-columns:minmax(0,1fr) 300px}.indices-strip{margin:20px 0 40px;padding:17px 22px 14px;background:rgba(255,255,255,.88);border:1px solid rgba(229,233,241,.9);border-radius:18px;box-shadow:0 10px 28px rgba(44,61,90,.06)}.indices-strip-heading{display:flex;align-items:center;gap:8px;margin:0 2px 10px}.indices-strip-heading span{display:block;width:7px;height:7px;border-radius:50%;background:var(--green)}.indices-strip-heading p{margin:0;color:#738097;font-size:12px;font-weight:800}.indices-strip-heading small{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;color:#a0a9b8}.indices-strip .indices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.indices-strip .index{padding:12px 20px;border:0;border-left:1px solid #edf0f5}.indices-strip .index:first-child{border-left:0}.indices-strip .index-name{font-size:15px}.indices-strip .index-meta{margin-top:5px}.indices-strip .index-name span{font-size:12px}
@media(max-width:1350px){.page-shell{grid-template-columns:minmax(0,1fr);max-width:1120px}}@media (min-width:1101px) and (max-width:1350px){.page-shell{grid-template-columns:minmax(0,1fr) 230px;max-width:1450px}}@media(max-width:1100px){.page-shell{grid-template-columns:minmax(0,1fr);max-width:1100px}}@media(max-width:700px){.indices-strip{margin:18px 0 34px;padding:15px}.indices-strip .indices{grid-template-columns:1fr}.indices-strip .index{padding:13px 4px;border-left:0;border-top:1px solid #edf0f5}.indices-strip .index:first-child{border-top:0}.indices-strip-heading{margin-bottom:6px}}
main .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){main .summary-grid{grid-template-columns:1fr}}
.page-shell{max-width:1120px;grid-template-columns:minmax(0,1fr)}.portfolio-footer{margin-top:48px;padding-top:20px;border-top:1px solid #dce1e9;text-align:right;color:#8b95a6;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.04em;line-height:1.7}@media (min-width:1101px) and (max-width:1350px){.page-shell{grid-template-columns:minmax(0,1fr);max-width:1120px}}@media(max-width:700px){.portfolio-footer{text-align:left;margin-top:34px;font-size:10px}}
.hero-intro{display:flex;align-items:center;gap:17px}.profile-avatar{width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(30,48,78,.15)}@media(max-width:700px){.profile-avatar{width:72px;height:72px;flex-basis:72px}.hero-intro{gap:13px}.hero h1{font-size:34px}.hero-intro .eyebrow{font-size:10px}}
.options-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:20px;border-top:1px solid #dce1e9}.options-bottom .options-footer,.options-bottom .portfolio-footer{margin:0;padding:0;border:0}.options-bottom .portfolio-footer{margin-left:auto;white-space:nowrap}@media(max-width:800px){.options-bottom{align-items:flex-start;gap:12px;flex-wrap:wrap}.options-bottom .portfolio-footer{margin-left:0;white-space:normal}}