:root{color:#e8edf2;background:#101419;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:#101419;margin:0}button{color:#edf3f7;cursor:pointer;background:#1d2731;border:1px solid #435261;border-radius:7px;padding:.6rem .8rem}button:hover,button.selected{background:#2c3d4c;border-color:#68a7c8}.app-shell{max-width:1440px;min-height:100vh;margin:auto;padding:1rem}.topbar{border-bottom:1px solid #26313a;justify-content:space-between;align-items:center;padding:.5rem 0 1rem;display:flex}.topbar h1{margin:.1rem 0;font-size:1.35rem}.nav-tabs{gap:.4rem;padding:1rem 0;display:flex;overflow:auto}.nav-tabs button{white-space:nowrap}.section-header{justify-content:space-between;align-items:baseline;gap:1rem;margin:1.2rem 0 .7rem;display:flex}.section-header h2{margin:0;font-size:1.05rem}.section-header span,.muted{color:#96a4af;font-size:.88rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.stat-card,.panel,.empty-state,.notice{background:#171e25;border:1px solid #2a3741;border-radius:10px;padding:1rem}.stat-card span{color:#96a4af;font-size:.8rem;display:block}.stat-card strong{margin-top:.45rem;font-size:1rem;display:block}.stat-card.positive strong{color:#66d19e}.stat-card.negative strong{color:#ff7c7c}.stat-card.warning{border-color:#8b6b31}.panel{margin-top:1rem}.notice{color:#edc36a;border-color:#6b5429;margin-bottom:1rem}.empty-state{text-align:center;margin-top:1rem;padding:2rem}.empty-state h3{margin-bottom:.3rem}.status-pill{color:#cad3da;background:#303a43;border-radius:99px;padding:.18rem .5rem;font-size:.72rem;display:inline-block}.status-pill.positive{color:#72d7a5;background:#173e32}.status-pill.negative{color:#ff9a9e;background:#4a2428}.status-pill.warning{color:#edc36a;background:#493a1c}.symbol-label{flex-direction:column;display:inline-flex}.symbol-label small{color:#96a4af}.table-wrap{background:#171e25;border:1px solid #2a3741;border-radius:10px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #29343d;padding:.7rem;font-size:.84rem}.table-wrap th{color:#96a4af;font-weight:500}.compact-list{margin:0;padding:0;list-style:none}.compact-list li{border-bottom:1px solid #29343d;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.compact-list li span:nth-child(2){color:#b7c2ca;margin-left:auto}.trading-date{color:#66b88f;font-size:.9rem;font-weight:600}.info-hint{color:#9bcab0;cursor:help;border:1px solid #7ba895;border-radius:50%;place-items:center;width:1rem;height:1rem;margin-left:.25rem;font-size:.68rem;font-weight:700;display:inline-grid}.info-hint:focus{outline-offset:2px;outline:2px solid #68a7c8}.portfolio-event{background:#183128;border-left:3px solid #66b88f}.portfolio-event small{color:#9bcab0;margin-left:.4rem;font-size:.7rem}footer{color:#72818c;text-align:center;padding:2rem 0;font-size:.75rem}@media (width<=700px){.app-shell{padding:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;gap:.5rem}}@media (width>=1000px){main{max-width:1200px;margin:auto}}.info-hint{vertical-align:-.125em;white-space:nowrap;border:0;border-radius:0;justify-content:center;align-items:center;width:1rem;min-width:1rem;height:1rem;margin-left:.25rem;line-height:1;display:inline-flex}.info-hint svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:1rem;height:1rem;display:block;overflow:visible}.info-hint .info-hint-dot{fill:currentColor;stroke:none}.portfolio-symbol{color:#e4c46a;font-weight:600}.event-table-scroll{max-height:28rem;overflow:auto}.event-table-scroll thead th{z-index:2;color:#f0f4f6;background:#26343f;border-bottom:2px solid #506575;font-weight:700;position:sticky;top:0}.event-table-scroll th:first-child,.event-table-scroll td:first-child{z-index:3;background:#202d36;position:sticky;left:0}.event-table-scroll thead th:first-child{z-index:4}.events-history-scroll{max-height:32rem;overflow:auto}.nav-tabs{z-index:10;background:#101419;border-bottom:1px solid #26313a;position:sticky;top:0}.stat-card>span{white-space:nowrap;align-items:center;gap:.2rem;display:flex}.table-wrap th{color:#f0f4f6;background:#26343f;border-bottom:2px solid #506575;font-weight:700}.dashboard-audit-hidden{display:none}.nav-tabs{justify-content:center}.portfolio-event .portfolio-symbol{font-weight:700;color:#e4c46a!important}.breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.breakdown-grid>div{background:#1d2931;border:1px solid #334550;border-radius:7px;padding:.7rem}.breakdown-grid strong{color:#d7e1e7;margin-bottom:.4rem;display:block}@media (width<=700px){.nav-tabs{justify-content:flex-start}.breakdown-grid{grid-template-columns:1fr}}.dividend-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dividend-summary-grid .stat-card>span{white-space:normal}.monthly-dividend-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;display:grid}.monthly-dividend-grid article,.quarterly-dividend-grid article{background:#1d2931;border:1px solid #334550;border-radius:7px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.monthly-dividend-grid span,.quarterly-dividend-grid span{color:#d7e1e7;font-weight:600}.monthly-dividend-grid small,.quarterly-dividend-grid small{color:#96a4af}.quarterly-dividend-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.quarterly-dividend-grid .full-year{border-color:#557765}.dividend-group{margin-top:1.25rem}.dividend-group h3{color:#d7e1e7;font-size:.95rem}.dividend-audit .table-wrap{max-height:28rem;overflow:auto}.dividend-audit .table-wrap table{min-width:1100px}.dividend-audit .table-wrap th{z-index:2;color:#f0f4f6;background:#26343f;position:sticky;top:0;box-shadow:0 1px #506575}.dividend-audit .table-wrap th:first-child,.dividend-audit .table-wrap td:first-child{z-index:3;background:#202d36;position:sticky;left:0}.dividend-audit .table-wrap th:first-child{z-index:4}.dividend-audit .table-wrap td:first-child .portfolio-symbol{color:#e4c46a;font-weight:700}.dashboard-dividend-summary strong{color:#d7e1e7}@media (width<=900px){.dividend-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-dividend-grid,.quarterly-dividend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=500px){.dividend-summary-grid,.monthly-dividend-grid,.quarterly-dividend-grid{grid-template-columns:1fr}}
