:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#0f172a}*{box-sizing:border-box}body{margin:0;background:#f3f4f6}.app-shell{width:100%;max-width:min(1400px,100vw - 1rem);margin:0 auto;padding:.8rem .9rem 1.2rem;display:flex;flex-direction:column;gap:.55rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.35rem}.app-header h1{margin:0;font-size:1.35rem}.header-actions{display:flex;gap:.3rem;flex-wrap:wrap}.muted{color:#6b7280;font-size:.78rem}button.ghost{border:1px solid #cbd5f5;background:#fff;padding:.28rem .6rem;border-radius:12px;font-size:.74rem;cursor:pointer}button.ghost:hover:not(:disabled){background:#e8ecff;border-color:#94a3b8}button.ghost:disabled{opacity:.55;cursor:wait}.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:.5rem .7rem;border-radius:7px;font-size:.78rem}.panel{background:#fff;border-radius:10px;padding:.7rem;box-shadow:0 6px 12px #0f172a14}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.35rem;margin-bottom:.3rem}.status-panel .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.32rem}.status-card{border:1px solid #d5dae8;border-radius:8px;padding:.5rem;background:#fbfdff;display:flex;flex-direction:column;gap:.18rem;min-height:72px}.status-card .label{text-transform:uppercase;font-size:.6rem;letter-spacing:.05em;color:#94a3b8}.status-card .value{font-size:1rem;font-weight:600;color:#0f172a}.status-card.dense .value{font-size:.95rem}.status-card .value.positive{color:#0f9c4c}.status-card .value.negative{color:#c0392b}.status-card.muted-card{opacity:.68}.quote-meta small{display:block;line-height:1.2}.table-wrap{border:1px solid #e1e4ee;border-radius:9px;overflow:hidden;overflow-x:auto;background:#fff}.table-wrap.tight{border-radius:8px;padding:.15rem .15rem 0}.table-wrap.scrollable{overflow-x:auto;overflow-y:auto;max-height:340px}.sticky-table-wrap .data-table thead th{position:sticky;top:0;z-index:3;background:#e8ebf4;vertical-align:top}.th-sort{border:0;background:transparent;color:inherit;font:inherit;font-size:.62rem;text-transform:uppercase;letter-spacing:.02em;padding:0;cursor:pointer;display:block;width:100%;text-align:left}.th-filter{width:100%;margin-top:.16rem;border:1px solid #cfd6e8;border-radius:4px;font-size:.6rem}.data-table{width:max-content;min-width:100%;border-collapse:collapse}.data-table.compact thead th{font-size:.65rem;padding:.28rem .35rem}.data-table.compact tbody td{padding:.4rem;font-size:.76rem}.projection-table-compact{width:100%;min-width:100%;table-layout:fixed}.projection-table-wrap,.projection-table-wrap .table-wrap{width:100%}@media(orientation:landscape){.projection-table-compact{width:100%;min-width:100%}.projection-table-compact th,.projection-table-compact td{width:20%}}.projection-table-compact thead th{font-size:.4rem;padding:.08rem .06rem;line-height:1.05}.projection-table-compact tbody td{font-size:.54rem!important;padding:.08rem .06rem;line-height:1.05}.projection-table-wrap{margin-top:4px!important}.projection-table-compact .muted{font-size:.54rem!important;margin-top:0;line-height:1}.tight-table thead th{font-size:.62rem}.tight-table tbody td{font-size:.66rem}.data-table thead{background:#e8ebf4;text-align:left;font-size:.74rem}.data-table thead th{padding:.45rem .55rem;color:#56607a;text-transform:uppercase;letter-spacing:.02em}.data-table tbody td{padding:.5rem .55rem;border-top:1px solid #e5e9f2;font-size:.8rem}.data-table th,.data-table td{white-space:nowrap;min-width:88px}.data-table th:first-child,.data-table td:first-child{min-width:100px}.data-table tbody tr.selected{background:#d4e9ff}.data-table tbody tr:hover{background:#eef5ff;cursor:pointer}.totals-row{background:#e4e9f6;font-weight:600}.status-pill{display:inline-flex;padding:.02rem .4rem;border-radius:999px;font-size:.64rem;font-weight:600}.empty{text-align:center;padding:.8rem 0;font-size:.8rem}.market-grid{display:grid;grid-template-columns:1fr;gap:.2rem;align-items:stretch}.market-grid>*{min-height:100%;min-width:0}.heatmap-wrap{position:relative;width:100%;box-sizing:border-box;border:1px solid #ced8f2;border-radius:12px;background:linear-gradient(180deg,#f5f8ff,#e8efff);overflow:hidden;min-height:340px;padding:0}.heatmap-node{position:absolute;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:1px;box-shadow:0 5px 10px #0f172a29}.heatmap-node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(150deg,rgba(255,255,255,.25),transparent 45%);pointer-events:none}.heatmap-node-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px}.heatmap-logo{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fffffff2;box-shadow:0 1px 4px #0f172a33;overflow:hidden}.heatmap-logo img{width:100%;height:100%;object-fit:contain}.heatmap-symbol{display:block;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.heatmap-change{font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.heatmap-sector-tag{position:absolute;font-size:.48rem;letter-spacing:.08em;padding:1px 5px;background:#ffffffe0;border-radius:999px;color:#4f67a3;pointer-events:none}.heatmap-detail-card{min-height:64px;position:sticky;top:0;z-index:6;margin-bottom:0}.heatmap-detail-title,.heatmap-detail-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-charts{display:flex;flex-direction:column;gap:.4rem}.trend-card{border:1px solid #d5dae8;border-radius:8px;padding:.45rem;background:#fbfdff;overflow:hidden}.trend-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.2rem}.trend-card h4{margin:0;font-size:.85rem}.trend-range-buttons{display:inline-flex;gap:.2rem}.trend-range-buttons button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:.62rem;padding:.08rem .3rem}.trend-range-buttons button.active{background:#dbeafe;border-color:#93c5fd}.trend-legend{display:flex;gap:.55rem;font-size:.68rem;margin-top:.25rem;flex-wrap:wrap}.trend-chart{display:block;width:100%;height:auto;max-width:100%}.legend-dot{display:inline-flex;width:7px;height:7px;border-radius:50%;margin-right:.2rem}.events-panel{max-height:390px}.events-ts{font-size:.62rem;font-weight:400;color:#64748b;margin-top:.15rem}.events-table-wrap{max-height:270px;overflow-y:auto}@media(orientation:portrait){.events-panel{max-height:585px}.events-table-wrap{max-height:405px}}#eventsTable{width:100%;table-layout:fixed;font-size:.62rem}#eventsTable thead th,#eventsTable tbody td{font-size:.62rem;padding:.24rem .3rem}#eventsTable th:nth-child(1),#eventsTable td:nth-child(1){width:auto}#eventsTable th:nth-child(2),#eventsTable td:nth-child(2){width:72px;min-width:72px;max-width:72px}#eventsTable th:nth-child(3),#eventsTable td:nth-child(3){width:54px;min-width:54px;max-width:54px}#eventsTable tbody tr.event-high{background:#d64b5f;color:#fff}#eventsTable tbody tr.event-med{background:#f2c14e;color:#1a1a1a}#eventsTable tbody tr.event-low{background:#4e79a7;color:#fff}.status-card .muted,.trend-card .muted{font-size:.68rem}.status-card .muted{white-space:pre-line}.overall-value-submeta{font-size:.58rem;line-height:1.1}.tab-toggle{display:inline-flex;gap:.4rem;margin:.2rem 0 .4rem}.tab-toggle button{border:1px solid #d4d9e6;background:transparent;padding:.25rem .75rem;font-size:.78rem;border-radius:8px;cursor:pointer;color:#475569}.tab-toggle button.active{background:#0f172a;color:#fff;border-color:#0f172a}.settings-panel{display:flex;flex-direction:column;gap:.6rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem}.settings-card{border:1px solid #e1e4ee;border-radius:9px;padding:.6rem;background:#fdfdff}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.settings-card-header h3{margin:0;font-size:.92rem}.badge{background:#0f172a;color:#fff;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.account-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.4rem;align-items:end}.account-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:#475569}.account-form input,.account-form textarea{border:1px solid #d9deec;border-radius:6px;padding:.35rem .4rem;font-size:.78rem}.account-form textarea{resize:vertical}.notes-field{grid-column:1 / -1}.account-form-actions{display:flex;gap:.35rem;grid-column:1 / -1}.account-form-actions .secondary{background:transparent;border-color:#d1d7eb}.settings-card .import-export{display:flex;gap:.4rem;flex-wrap:wrap}.import-button{position:relative;overflow:hidden;border:1px dashed #c3c8da;border-radius:8px;padding:.3rem .7rem;font-size:.75rem;cursor:pointer;color:#0f172a}.import-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.settings-table .row-actions{display:flex;gap:.3rem}.settings-table .row-actions .danger{border-color:#fca5a5;color:#b91c1c}.trade-entry-panel{display:flex;flex-direction:column;gap:.4rem}.trade-entry-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.35rem}.trade-entry-form label{display:flex;flex-direction:column;gap:.18rem;font-size:.68rem;color:#475569}.trade-entry-form input,.trade-entry-form select{border:1px solid #d0d6e6;border-radius:6px;padding:.32rem .4rem;font-size:.75rem}.trade-entry-actions{grid-column:1 / -1;display:flex;gap:.35rem}.trade-entry-actions .primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.trade-entry-actions .primary:hover{background:#1d4ed8}.trade-entry-actions .secondary{border-color:#d1d7eb}.trade-entry-actions .danger{border-color:#fca5a5;color:#b91c1c}@media(max-width:960px){.market-grid{grid-template-columns:1fr}}@media(orientation:portrait){.heatmap-wrap{min-height:520px}}@media(orientation:landscape){.heatmap-wrap{min-height:420px}}@media(max-width:800px){.data-table{min-width:100%}.panel-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}button.ghost{width:100%}}