:root{font-family:Tahoma,Arial,sans-serif;color:#142f40;background:#eef3f6;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:36px 28px}header,.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:30px;margin:12px 0 24px}.mark{color:#bd8640;margin-right:15px}.eyebrow,.muted,small{color:#596d7b;font-size:14px;line-height:1.9}h2{font-size:20px}button,.button{font:inherit;border:1px solid #cfdae2;border-radius:10px;padding:11px 17px;background:white;color:#173a51;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#e3edf3}button:disabled{opacity:.6;cursor:wait}.summary{display:grid;grid-template-columns:2fr 1fr;padding:32px;background:#122b3c;color:white;border-radius:20px;gap:30px}.summary h2{font-size:clamp(27px,4vw,48px);font-weight:500;margin:22px 0;font-variant-numeric:tabular-nums}.summary p{font-size:14px;line-height:1.8;color:#d2e0e8}.summary-side{border-right:1px solid #426073;padding-right:28px}.summary-side small{color:#b5c9d6}.section-head{margin:30px 0 18px}.assets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset{border:1px solid #dae2e8;background:white;border-radius:14px;padding:20px;min-width:0}.asset h3{font-size:16px;margin:10px 0 16px}.asset .value{font-size:22px;display:block;margin:14px 0}.asset .meta{font-size:14px;line-height:1.8;color:#637887}.asset button{font-size:14px;padding:6px 10px;float:left}.badge{font-size:12px;color:#93642b;background:#fbf0dc;padding:4px 9px;border-radius:20px}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:30px 0}.lower>div{background:white;padding:25px;border-radius:16px} .rate{padding:12px 0;border-bottom:1px solid #e7edf0;display:flex;justify-content:space-between;gap:15px}.rate small{display:block;font-size:12px}.rate a{color:#3b6886}.warn{color:#a85c1a}.bar{height:8px;background:#e9eff3;border-radius:5px;margin:10px 0 18px;overflow:hidden}.bar i{height:100%;display:block;background:#bd8640}.group{display:flex;justify-content:space-between;font-size:14px}footer{border-top:1px solid #d5e0e7;padding-top:24px}footer p{font-size:14px;color:#637887;line-height:1.9}dialog{border:0;border-radius:16px;padding:26px;width:min(460px,94vw);max-height:90vh;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#10273880}label{display:block;margin:14px 0;font-size:14px}input,select{font:inherit;display:block;width:100%;padding:10px;border:1px solid #bacbd6;border-radius:7px;margin-top:8px}input[type=number]{direction:ltr}.actions{flex-wrap:wrap}.actions button:first-child,#refresh{background:#21516c;color:white}#formError{color:#ac302b} @media(max-width:850px){.assets{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}}@media(max-width:540px){main{padding:24px 16px}header{align-items:flex-start}header button{font-size:14px;padding:10px}.summary{grid-template-columns:1fr;padding:24px}.summary-side{border-right:0;border-top:1px solid #426073;padding:18px 0 0}.assets{grid-template-columns:1fr}.summary h2{font-size:30px}footer button,.button{margin:5px 0}.rate{flex-wrap:wrap}}

.history-panel{background:white;border-radius:16px;padding:24px;margin-top:30px}.history-panel .section-head{margin:0}.history-controls{display:flex;gap:18px;flex-wrap:wrap}.history-controls label{flex:1;min-width:160px}.history-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px;border-bottom:1px solid #dce5eb;text-align:right}details summary{cursor:pointer;margin:14px 0}#historyStatus{line-height:1.9;font-size:14px}

.card-history{border-top:1px solid #e2eaf0;margin-top:18px;padding-top:12px}.card-history h4{font-size:14px;margin:0 0 10px}.history-change{font-size:12px;line-height:1.9;color:#596d7b}.card-history details{font-size:14px}.pie-layout{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pie{width:210px;aspect-ratio:1;border-radius:50%;flex-shrink:0}.pie-legend{flex:1;min-width:190px}.legend-row{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px}.legend-row small{display:block;font-size:12px}.legend-row strong{margin-right:auto}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.card-history .muted{font-size:12px}.card-history table{font-size:12px}

.report-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:#496475}.report-toggle input{width:18px;height:18px;margin:0;accent-color:#21516c}.asset.excluded{border-style:dashed;background:#f8fafb}.asset[hidden]{display:none}.asset-filters{display:flex;gap:24px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.asset-filters label{min-width:230px;margin:0}

.stack-panel{background:white;border-radius:16px;padding:24px;margin-top:30px}.stack-scroll{overflow-x:auto}.stack-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stack-category{border:1px solid #dce5eb;border-radius:12px;padding:18px;min-width:0}.stack-category h3{font-size:16px;margin:0 0 10px}.category-total{font-size:14px;color:#496475;margin-bottom:18px}.stack-item{display:flex;align-items:start;gap:8px;margin:14px 0;font-size:14px;line-height:1.8;flex-wrap:wrap}.stack-item .legend-dot{margin-top:6px}.stack-item strong{margin-right:auto;font-weight:500}.stack-scroll rect:hover,.stack-scroll rect:focus{opacity:.75;outline:2px solid #122b3c}@media(max-width:850px){.stack-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.stack-details{grid-template-columns:1fr}}

.asset-history-dropdown>summary{font-size:14px;font-weight:600;color:#21516c;padding:10px 0;margin:0;cursor:pointer}.asset-history-dropdown[open]>summary{margin-bottom:10px}.card-history th,.card-history td{white-space:nowrap;padding:10px}.asset-history-dropdown>summary:focus-visible{outline:2px solid #21516c;outline-offset:4px;border-radius:4px}
.card-history .history-table{max-height:320px;overflow:auto}.card-history th{position:sticky;top:0;background:#f4f7fa;z-index:1}

.history-asset-name{font-size:14px;line-height:1.9;color:#173a51;margin:8px 0}

.history-stats{display:grid;gap:10px;margin:12px 0}.history-stats>div{padding:10px 12px;background:#f1f6f9;border-radius:8px}.history-stats span{font-size:12px;color:#596d7b;display:block;margin-bottom:6px}.history-stats strong{font-size:15px;font-weight:500}.history-stats small{font-size:12px}

.summary-side .period-delta{font-size:24px;display:block;line-height:1.7;font-weight:500}.summary-side .positive{color:#7bd5bf}.summary-side .negative{color:#ffb4a8}.summary-side .period-label{margin-bottom:4px}.summary-side #autoRefreshStatus{font-size:12px;color:#a6bdcb;border-top:1px solid #426073;padding-top:12px;margin-top:16px}
.trade-panel{background:white;border-radius:16px;padding:24px;margin-top:30px}.trade-panel .section-head{margin:0}.trade-panel .history-table{max-height:450px;overflow:auto}.trade-panel th,.trade-panel td{white-space:nowrap}.trade-panel th{position:sticky;top:0;background:#f1f6f9}.cost-info{font-size:13px;line-height:1.9;color:#596d7b;border-top:1px solid #e2eaf0;padding-top:10px;margin-top:12px}.asset button.card-trade{float:none;display:block;margin-top:12px}#tradeError{color:#ac302b;line-height:1.8}.trade-preview{background:#edf4f7;padding:16px;border-radius:10px;line-height:1.9;font-size:14px}#tradeDialog{width:min(540px,94vw)}

.cost-info .holding-profit.positive{color:#167454}.cost-info .holding-profit.negative{color:#b33232}.cost-info .holding-profit.neutral{color:#596d7b}

[hidden]{display:none!important}

/* Mobile application shell */
:root{color-scheme:light dark;--app-bg:#eef3f6;--surface:#fff;--ink:#142f40;--muted:#596d7b;--border:#d8e3ea;--soft:#f1f6f9;--accent:#21516c}
body{background:var(--app-bg);color:var(--ink)}main{padding-bottom:calc(110px + env(safe-area-inset-bottom));max-width:1100px}main>header{position:sticky;top:0;z-index:5;background:var(--app-bg);padding:12px 0;flex-wrap:wrap}header>div{flex:1}header h1{margin:6px 0;font-size:25px}header .eyebrow{font-size:12px}button,.button,input,select{min-height:44px}input,select{background:var(--surface);color:var(--ink);font-size:16px}button,.button{background:var(--surface);color:var(--ink);border-color:var(--border);touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bd8640;outline-offset:3px}.app-page{animation:pageIn .16s ease-out}.app-page>div:not(.summary),.app-page>section{margin-bottom:18px}.app-page>div:not(.summary):not(.assets):not(.asset-filters){background:var(--surface);border-radius:18px;padding:22px}.app-page .section-head{margin-top:8px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:20;box-shadow:0 -6px 24px #1027380d}.bottom-nav button{display:flex;flex-direction:column;gap:3px;align-items:center;border:0;background:transparent;font-size:12px;color:var(--muted);padding:6px}.bottom-nav button span{font-size:24px;line-height:1.2}.bottom-nav button[aria-current]{background:var(--soft);color:var(--accent);font-weight:bold;border-radius:14px}.primary-kpi{grid-column:1/-1;padding-bottom:24px;border-bottom:1px solid #426073}.primary-kpi label{margin-top:0;color:#d2e0e8}.primary-kpi select{max-width:440px;background:#203d51;color:white;border-color:#426073}.primary-kpi strong{display:block;font-size:clamp(23px,4vw,38px);line-height:1.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary h2{font-size:clamp(24px,3vw,34px);margin:12px 0}.summary{gap:18px}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:18px;padding:36px 24px}.empty-icon{font-size:50px;color:#bd8640}.empty-state p{max-width:450px;margin:12px auto 24px;color:var(--muted);line-height:2}.empty-state button,#authSubmit{background:var(--accent);color:white}.recent-panel{background:var(--surface);border-radius:18px;padding:22px}.recent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}.recent-row small{display:block;font-size:12px}.recent-row strong{white-space:nowrap;font-size:13px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 20px}.auth-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 18px 60px #1027380a}.auth-card h1{font-size:27px;line-height:1.7}.auth-card button{width:100%}#authError,#claimStatus{line-height:1.9;color:#b33232}.install-guide{padding:16px;background:var(--soft);border-radius:12px;margin:24px 0}footer{border:0;padding:18px 0}dialog{background:var(--surface);color:var(--ink)}.trade-panel,.history-panel,.stack-panel,.asset{background:var(--surface);border-color:var(--border)}.muted,.eyebrow,small,.asset .meta,.cost-info,.report-toggle{color:var(--muted)}.history-stats>div,.trade-preview,.trade-panel th,.card-history th{background:var(--soft)}.history-stats span{color:var(--muted)}th,td{border-color:var(--border)}
html[data-theme="dark"]{--app-bg:#101b25;--surface:#192a37;--ink:#e6eef4;--muted:#a6bac8;--border:#344c5d;--soft:#213b4d;--accent:#8bc9e2}html[data-theme="dark"] #authSubmit,html[data-theme="dark"] .empty-state button{background:#286480;color:white}html[data-theme="dark"] .actions button:first-child,html[data-theme="dark"] #refresh{background:#286480}html[data-theme="dark"] .badge{background:#493b29;color:#f0c282}html[data-theme="dark"] .asset.excluded{background:#15232e}html[data-theme="dark"] .asset-history-dropdown>summary,html[data-theme="dark"] .history-asset-name,html[data-theme="dark"] .rate a{color:#9fd5ec}html[data-theme="dark"] .cost-info .holding-profit.positive{color:#7bd5bf}html[data-theme="dark"] .cost-info .holding-profit.negative,html[data-theme="dark"] #authError,html[data-theme="dark"] #claimStatus{color:#ffb4a8}html[data-theme="dark"] .bottom-nav button[aria-current]{color:#a6dcef}html[data-theme="dark"] button:hover,html[data-theme="dark"] .button:hover{background:#284657}html[data-theme="dark"] .stack-scroll text,html[data-theme="dark"] svg text{fill:#adc2cf}html[data-theme="dark"] .summary p,html[data-theme="dark"] .summary small{color:#d2e0e8}html[data-theme="dark"] footer p{color:var(--muted)}
@media(max-width:540px){main{padding:calc(8px + env(safe-area-inset-top)) 16px calc(100px + env(safe-area-inset-bottom))}main>header{gap:8px}header>div{min-width:130px}header button{font-size:12px;padding:8px 10px}header h1{font-size:22px}.summary{padding:22px;border-radius:22px}.history-panel,.trade-panel,.stack-panel,.recent-panel{padding:18px}.asset{padding:18px;border-radius:18px}.section-head{gap:10px}.section-head h2{font-size:19px}.section-head button{font-size:13px;padding:8px 12px}.asset-filters label{min-width:100%;width:100%}.recent-row{flex-wrap:wrap}dialog{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;margin:auto 0 0;max-width:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.pie-layout{justify-content:center}.history-controls label{min-width:100%}.rate strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@keyframes pageIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

#page-home[data-empty="true"]>.summary,#page-home[data-empty="true"]>.history-panel,#page-home[data-empty="true"]>.stack-panel,#page-home[data-empty="true"]>div:not(.home-welcome){display:none}#page-home[data-empty="false"]>.home-welcome{display:none}.home-welcome button{background:#21516c;color:white}.home-welcome h2{line-height:1.8}

/* Compact portfolio cards and asset detail sheet */
.asset.compact-asset{padding:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.asset .asset-open{display:block;width:100%;float:none;border:0;border-radius:0;padding:0;text-align:right;background:transparent;color:inherit;font-size:inherit}
.asset-open:hover{background:var(--soft)}.asset-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.asset-card-top,.asset-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px}.asset-card-bottom{border-top:1px solid var(--border);align-items:start}.asset-card-bottom>span{min-width:0;display:flex;flex-direction:column;gap:5px}.asset-card-bottom strong{font-size:16px;overflow-wrap:anywhere}.asset-identity{display:flex;align-items:center;gap:9px;min-width:0}.asset-identity strong{display:block;font-size:16px;line-height:1.7}.asset-identity small,.asset-price small{display:block;font-size:11px}.asset-symbol{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--soft);font-weight:bold}.asset-price{text-align:left;flex-shrink:0}.asset-price>strong{font-size:18px;display:block}.asset-current{text-align:left;flex-shrink:0}.compact-asset small{font-size:11px}.positive{color:#16834d}.negative{color:#d74455}.neutral{color:var(--muted)}
.asset-sheet{width:min(600px,100%);max-height:90dvh;margin:auto auto 0;border-radius:26px 26px 0 0;padding:20px 24px 0;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--border)}.asset-sheet::backdrop{background:rgba(0,0,0,.45)}.sheet-handle{width:48px;height:5px;background:var(--border);border-radius:8px;margin:0 auto 12px}.sheet-close{display:block;margin-right:auto;padding:3px 12px;font-size:24px;line-height:1.3}.sheet-asset-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 20px}.sheet-asset-heading h2{margin:0}.asset-detail-row{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--border);line-height:1.8}.asset-detail-row>span{color:var(--muted)}.asset-detail-row>strong{text-align:left;font-size:15px;overflow-wrap:anywhere}.sheet-tools{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.sheet-tools button{font-size:13px}.sheet-period{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-trade-actions{position:sticky;bottom:0;display:flex;gap:12px;background:var(--surface);padding:18px 0 max(18px,env(safe-area-inset-bottom));margin-top:16px}.sheet-trade-actions button{width:50%;font-weight:bold;border:0}.sheet-trade-actions #sheetBuy{background:#ccf4e3;color:#146442}.sheet-trade-actions #sheetSell{background:#fcebee;color:#ca3046}.asset-sheet .report-toggle{margin-top:18px}.asset-sheet .card-history{margin-top:20px}
@media(max-width:540px){.assets{gap:12px}.asset-sheet{padding:16px 20px 0}.asset-card-top,.asset-card-bottom{padding:16px 14px}.asset-detail-row{gap:12px}.asset-detail-row>span{font-size:14px}}
html[data-theme="dark"] .positive{color:#6bdaa2}html[data-theme="dark"] .negative{color:#ff8491}html[data-theme="dark"] .sheet-trade-actions #sheetBuy{background:#174b38;color:#9becc6}html[data-theme="dark"] .sheet-trade-actions #sheetSell{background:#512c35;color:#ffabb7}

.home-dashboard{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 8px 24px #20204408}.home-dashboard .section-head{margin:0}.dashboard-mark{font-size:32px;color:#6258d8}.dashboard-total{margin-top:20px}.dashboard-total>span,.dashboard-total small{display:block;color:var(--muted);font-size:12px}.dashboard-total>strong{display:block;font-size:clamp(28px,5vw,40px);margin:9px 0;letter-spacing:-1px}.dashboard-trend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;color:var(--muted);font-size:12px}.dashboard-trend .home-spark{margin-right:auto;color:#6258d8}.home-spark{display:block;width:90px;height:36px;flex-shrink:0;direction:ltr}.home-pie{width:min(75%,290px);aspect-ratio:1;border-radius:50%;margin:26px auto 30px}.home-dashboard h3{font-size:14px;margin-bottom:16px}.home-pie-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.home-pie-legend>div{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px}.home-pie-legend>div>span:nth-child(2){overflow-wrap:anywhere;flex:1}.home-pie-legend .legend-dot{width:10px;height:10px;flex-shrink:0}.home-holdings{margin:28px 0}.home-holdings .section-head button{font-size:12px}.home-asset-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:16px;border:1px solid var(--border);border-radius:18px;text-align:right;box-shadow:0 5px 18px #20204404}.home-row-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.home-row-name strong{font-size:13px;line-height:1.8;display:block}.home-row-name small,.home-row-value small,.home-row-trend small{display:block;font-size:10px}.home-row-value{text-align:left;flex-shrink:0}.home-row-value strong{display:block;font-size:14px}.home-row-trend{text-align:center}.home-row-trend .home-spark{width:70px}.spark-empty{font-size:10px;color:var(--muted)}#page-home[data-empty="true"] .home-dashboard,#page-home[data-empty="true"] .home-holdings{display:none}
@media(min-width:760px){.home-dashboard{display:block;max-width:760px;margin-left:auto;margin-right:auto}.home-pie{width:260px}.home-holdings{max-width:760px;margin-left:auto;margin-right:auto}}
@media(max-width:540px){.home-dashboard{padding:20px}.home-dashboard h2{font-size:18px}.home-asset-row{gap:8px;padding:14px 12px}.home-row-name .asset-symbol{width:28px;height:28px}.home-row-trend .home-spark{width:55px}.home-row-value strong{font-size:12px}.home-pie-legend{gap:14px 16px}}

.dashboard-change-note{display:block;font-size:10px;color:var(--muted)}