@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#f5f6fa;--bg-card:#fff;--bg-blue:#f7faff;--blue-grad:linear-gradient(135deg, #eff5ff 0%, #e2eeff 100%);--text-primary:#111827;--text-muted:#4b5563;--border-light:#e6e8ec;--border-blue:#d4e3fb;--green:#10b981;--red:#ef4444;--blue-text:#2563eb;--font-inter:"Inter", sans-serif}body.dark{--bg-main:#0f172a;--bg-card:#1e293b;--bg-blue:#1e293b;--blue-grad:linear-gradient(135deg, #1e3a8a 0%, #172554 100%);--text-primary:#f8fafc;--text-muted:#94a3b8;--border-light:#334155;--border-blue:#1e3a8a;--blue-text:#60a5fa}html{overflow-x:hidden}body{font-family:var(--font-inter);background-color:var(--bg-main);color:var(--text-primary);margin:0;padding:0;font-size:.875rem;transition:background-color .2s,color .2s;overflow-x:hidden}.nav-bar{background:var(--bg-card);border-bottom:1px solid var(--border-light);box-sizing:border-box;justify-content:space-between;align-items:center;height:3.5rem;padding:.75rem 1.5rem;display:flex}.logo-container{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.green-dot{background-color:var(--green);border-radius:50%;width:.5rem;height:.5rem}.theme-btn{background:var(--bg-main);border:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);white-space:nowrap;border-radius:1.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.shell{box-sizing:border-box;width:min(1280px,100vw - 24px);max-width:100%;margin:0 auto;padding:1.5rem 0}.header-section{margin-bottom:1.5rem}.page-title{margin:0 0 .375rem;font-size:1.625rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.cards-row{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1rem;flex-direction:column;padding:1.5rem;display:flex}.summary-card--blue{background:var(--blue-grad);border:1px solid var(--border-blue)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{text-transform:uppercase;font-size:.9375rem;font-weight:600}.badge{letter-spacing:.5px;border-radius:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.badge-pre{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border-light)}.badge-after{color:var(--blue-text);background:#2563eb1a;border:1px solid #2563eb33}.section-label{color:var(--text-muted);letter-spacing:.5px;margin-bottom:.625rem;font-size:.75rem;font-weight:700}.metric-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.metric{background:var(--bg-main);border:1px solid var(--border-light);border-radius:.5rem;flex-direction:column;gap:.375rem;padding:.75rem;display:flex}.summary-card--blue .metric{background:#fff9;border:1px solid #ffffffb3}body.dark .summary-card--blue .metric{background:#00000040;border:1px solid #ffffff1a}.metric-label{color:var(--text-muted);letter-spacing:.5px;font-size:.6875rem;font-weight:800}.metric-val{font-size:.9375rem;font-weight:700}.gain{color:var(--green)}.loss{color:var(--red)}.neutral{color:var(--text-primary)}.divider{background:var(--border-light);border:none;width:100%;height:1px;margin-top:auto;margin-bottom:1rem}.summary-card--blue .divider{background:#2563eb26}.realised{justify-content:space-between;align-items:center;display:flex}.realised-label{font-size:.9375rem;font-weight:500}.realised-val{font-size:1.125rem;font-weight:700}.holdings-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1rem;max-width:100%;padding:1.5rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.panel-title{font-size:1.125rem;font-weight:700}.table-wrap{-webkit-overflow-scrolling:touch;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.data-table th{background:var(--bg-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:.875rem 1rem;font-size:.875rem}.data-table tr:hover td{background:var(--bg-main)}.data-table tr.selected td{background:#10b98114}.asset-cell{align-items:center;gap:.875rem;display:flex}.token{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex}.asset-name{color:var(--text-primary);white-space:nowrap;margin-bottom:.125rem;font-weight:600;line-height:1.2}.muted{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.2}.muted-cell{color:var(--text-muted);white-space:nowrap;margin-top:.375rem;font-size:.75rem;font-weight:500}.pos-cell{color:var(--green);white-space:nowrap;font-size:.9375rem;font-weight:600}.neg-cell{color:var(--red);white-space:nowrap;font-size:.9375rem;font-weight:600}.sell-pill{color:var(--green);white-space:nowrap;font-size:.9375rem;font-weight:600}.sell-pill.empty{color:var(--text-muted);font-size:.875rem}.savings-banner{color:var(--green);background:#10b9811a;border:1px solid #10b9814d;border-radius:.625rem;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:1rem;font-size:.9375rem;display:flex}.savings-label{font-weight:600}.savings-val{font-weight:700}@media (width<=1024px){.shell{width:min(100%,100vw - 32px)}.cards-row{gap:1rem}.summary-card{padding:1.25rem}}@media (width<=640px){body{font-size:.8125rem}.nav-bar{padding:.75rem 1rem}.shell{width:min(100%,100vw - 32px);padding:1rem 0}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8125rem}.cards-row{grid-template-columns:1fr;gap:.75rem}.summary-card{padding:1rem}.metric-grid{gap:.5rem}.metric{padding:.625rem}.metric-val{font-size:.875rem}.realised-val{font-size:1rem}.holdings-panel{padding:1rem}.panel-title{font-size:1rem}.table-wrap{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.data-table th,.data-table td{padding:.75rem}.token{width:1.5rem;height:1.5rem;font-size:.625rem}.asset-cell{gap:.5rem}.savings-banner{padding:.75rem;font-size:.875rem}}