:root{--bg: #fff;--bg-2: #f5f5f3;--bg-3: #fafaf8;--text: #1a1a1a;--text-muted: #666;--text-faint: #888;--border: rgba(0, 0, 0, .1);--border-soft: rgba(0, 0, 0, .07);--pos: #1d9e75;--neg: #d85a30;--primary: #378add;--shadow: 0 1px 2px rgba(0, 0, 0, .04)}@media (prefers-color-scheme: dark){:root{--bg: #1a1a1a;--bg-2: #2a2a2a;--bg-3: #222;--text: #e8e8e8;--text-muted: #999;--text-faint: #888;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .07)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{padding:1.5rem;max-width:1280px;margin:0 auto}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:8px;flex-wrap:wrap}.top-bar h1{font-size:18px;font-weight:500}.status-line{font-size:12px;color:var(--text-faint);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--pos)}.status-dot.loading{background:#ba7517}.status-dot.error{background:var(--neg)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:8px 14px;cursor:pointer;border:none;background:none;font-size:13px;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:1.5rem}.metric{background:var(--bg-2);border-radius:8px;padding:12px 14px}.metric-label{font-size:12px;color:var(--text-faint);margin-bottom:4px}.metric-value{font-size:20px;font-weight:500}.metric-sub{font-size:11px;color:var(--text-faint);margin-top:2px}.pos{color:var(--pos)}.neg{color:var(--neg)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;font-size:12px;color:var(--text-faint);padding:6px 10px;border-bottom:1px solid var(--border)}td{padding:8px 10px;border-bottom:1px solid var(--border-soft);vertical-align:middle}tr:last-child td{border-bottom:none}.scroll-x{overflow-x:auto}.badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.badge-STK{background:#e6f1fb;color:#0c447c}.badge-CASH{background:#e1f5ee;color:#085041}.badge-FUT{background:#faeeda;color:#633806}.badge-OPT-C{background:#eaf3de;color:#27500a}.badge-OPT-P{background:#fcebeb;color:#791f1f}.badge-ETF{background:#eeedfe;color:#3c3489}.badge-DIV{background:#e1f5ee;color:#085041}.badge-WHT{background:#fdecdf;color:#793b1d}.badge-FEE{background:#ececec;color:#555}.badge-TRADE{background:#e6f1fb;color:#0c447c}.section-title{font-size:13px;font-weight:500;color:var(--text-faint);margin-bottom:8px;margin-top:1.5rem}.acc-filter{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.acc-filter label{font-size:12px;color:var(--text-faint)}.btn{padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:none;font-size:13px;cursor:pointer;color:var(--text);font-family:inherit}.btn:hover{background:var(--border-soft)}.btn-sm{padding:5px 10px;font-size:12px}.btn-primary{background:var(--text);color:var(--bg);border-color:transparent}.pbtn{padding:4px 10px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;color:var(--text-muted);font-family:inherit}.pbtn.active{background:var(--text);color:var(--bg);border-color:transparent}.tag{background:var(--bg-2);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--text-muted)}.info-row{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-faint);margin-bottom:1rem;flex-wrap:wrap}.bar-wrap{display:flex;gap:4px;margin-bottom:1rem;flex-wrap:wrap}.alloc-bar{height:8px;border-radius:4px;min-width:4px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-faint)}.legend-sq{width:10px;height:10px;border-radius:2px}.loader{text-align:center;padding:3rem;color:var(--text-faint);font-size:13px}.err-box{background:#fff0f0;border:1px solid #fcc;border-radius:8px;padding:1rem;font-size:13px;color:#a32d2d;margin-bottom:1rem}@media (prefers-color-scheme: dark){.err-box{background:#2a1515;border-color:#5a2020;color:#f09595}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--bg-2);padding:1px 6px;border-radius:4px;font-size:.9em}