@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#151d2e;--bg-card-hover:#1a2540;--border:#1e293b;--border-accent:#334155;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-dim:#64748b;--accent-green:#22c55e;--accent-green-dim:#0a2e1a;--accent-yellow:#eab308;--accent-red:#ef4444;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#a78bfa;--font-mono:"JetBrains Mono", monospace;--font-sans:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{max-width:1400px;margin:0 auto;padding:0 32px 32px}.top-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 0;display:flex}.nav-left{align-items:center;gap:32px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:700}.nav-tabs{background:var(--bg-secondary);border-radius:8px;gap:4px;padding:4px;display:flex}.nav-tab{color:var(--text-dim);border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.nav-tab:hover{color:var(--text-secondary);background:var(--bg-card)}.nav-tab.active{color:var(--text-primary);background:var(--bg-card);box-shadow:0 1px 3px #0000004d}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header-left{align-items:center;gap:16px;display:flex}.page-header-right{align-items:center;gap:12px;display:flex}.page-subtitle{color:var(--text-secondary);font-size:16px;font-weight:600}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);border-radius:6px;padding:6px 14px;transition:all .2s}.refresh-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);background:#06b6d41a;border-radius:6px;padding:6px 16px;transition:all .2s}.sync-btn:hover{background:#06b6d433}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.conn-status{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.conn-dot{border-radius:50%;width:8px;height:8px;transition:background .3s}.conn-dot.on{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.conn-dot.off{background:var(--accent-red)}.conn-dot.loading{background:var(--accent-yellow);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.last-update{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.error-banner{border:1px solid var(--accent-red);color:#f87171;background:#2e0a0a;border-radius:8px;margin-bottom:24px;padding:12px 20px;font-size:13px}.loading-msg{text-align:center;color:var(--text-dim);padding:60px;font-size:14px}.metrics-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.premium-metrics .metric-card:first-child .metric-value{font-size:22px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;transition:border-color .2s}.metric-card:hover{border-color:var(--border-accent)}.metric-card.accent{border-color:var(--accent-cyan);background:linear-gradient(135deg, var(--bg-card) 0%, #0d1f35 100%)}.metric-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:600}.metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.metric-sub{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin-top:6px}.metric-card-clickable{cursor:pointer}.metric-card-clickable:hover{border-color:var(--accent-cyan)}.metric-expand-chevron{float:right;color:var(--accent-cyan);font-size:10px}.capital-breakdown{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.capital-breakdown-header{text-transform:uppercase;letter-spacing:.6px;color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.capital-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.capital-breakdown-item{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.gauge-section{margin-bottom:28px}.gauge-container{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.gauge-label-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gauge-label{color:var(--text-secondary);font-size:13px;font-weight:600}.gauge-value{font-family:var(--font-mono);font-size:20px;font-weight:700}.gauge-track{background:var(--bg-primary);border-radius:5px;height:10px;position:relative;overflow:visible}.gauge-fill{border-radius:5px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.gauge-marker{background:var(--accent-yellow);opacity:.5;width:2px;height:16px;position:absolute;top:-3px}.gauge-marker.danger{background:var(--accent-red)}.gauge-labels{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-top:6px;display:flex}.two-col{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:20px 24px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.panel-header .panel-title{margin-bottom:0}.total-pnl{font-family:var(--font-mono);border-radius:6px;padding:4px 12px;font-size:14px;font-weight:700}.total-pnl.positive{color:#4ade80;background:#22c55e1a}.total-pnl.negative{color:#f87171;background:#ef44441a}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:10px;font-weight:600}th.num{text-align:right}td{color:var(--text-secondary);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #1a2236;padding:10px}td.num{text-align:right;font-family:var(--font-mono);font-size:12px}td.symbol{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}td.dim{color:var(--text-dim)}td.mono-sm{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}tr:hover td{background:var(--bg-card-hover)}tr.row-urgent td{background:#ef44440d}.tag{font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;padding:2px 8px;display:inline-block}.tag.stk{color:var(--accent-blue);background:#3b82f626}.tag.opt{color:var(--accent-yellow);background:#eab30826}.tag.call{color:var(--accent-blue);background:#3b82f626}.tag.put{color:var(--accent-purple);background:#a78bfa26}.tag.sell{color:var(--accent-green);background:#22c55e26}.tag.buy{color:var(--accent-red);background:#ef444426}.opt-detail{font-family:var(--font-mono);color:var(--text-primary);margin-right:10px;font-size:12px}.opt-expiry{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.opt-expiry.urgent{color:var(--accent-red);font-weight:600}.days-badge{color:var(--text-dim);background:#64748b33;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.opt-expiry.urgent .days-badge{color:var(--accent-red);background:#ef444433}.pnl{font-family:var(--font-mono);font-size:12px;font-weight:600}.pnl.positive{color:#4ade80}.pnl.negative{color:#f87171}.pnl-pct{opacity:.8;font-size:10px;font-weight:400}.options-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.option-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;transition:border-color .2s}.option-card:hover{border-color:var(--border-accent)}.option-card.urgent{background:linear-gradient(135deg, var(--bg-primary) 0%, #1a0a0a 100%);border-color:#ef444466}.option-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.option-symbol{font-family:var(--font-mono);color:var(--text-primary);font-size:16px;font-weight:700}.option-days{font-family:var(--font-mono);color:var(--text-dim);background:#64748b26;border-radius:4px;padding:2px 8px;font-size:12px}.option-days.urgent{color:var(--accent-red);background:#ef444426;font-weight:600}.option-body{flex-direction:column;gap:6px;display:flex}.option-row{justify-content:space-between;font-size:12px;display:flex}.option-row span:first-child{color:var(--text-dim)}.option-row span:last-child{font-family:var(--font-mono);color:var(--text-secondary)}.greeks-divider{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:10px;font-weight:600}.greeks-unavailable{color:var(--text-dim);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:11px;font-style:italic}.chart-container{align-items:flex-end;gap:16px;min-height:260px;padding:20px 0 0;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.chart-bars{align-items:flex-end;gap:4px;height:180px;display:flex}.chart-bar{border-radius:4px 4px 0 0;width:24px;min-height:2px;transition:height .5s cubic-bezier(.22,1,.36,1)}.chart-bar.collected{border:1px solid var(--accent-cyan);background:#06b6d499;border-bottom:none}.chart-bar.net.positive{border:1px solid var(--accent-green);background:#22c55e99;border-bottom:none}.chart-bar.net.negative{border:1px solid var(--accent-red);background:#ef444499;border-bottom:none}.chart-label{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);white-space:nowrap}.chart-net-label{font-size:11px;font-family:var(--font-mono);font-weight:600}.chart-net-label.positive{color:#4ade80}.chart-net-label.negative{color:#f87171}.chart-legend{border-top:1px solid var(--border);color:var(--text-dim);gap:20px;margin-top:16px;padding-top:12px;font-size:11px;display:flex}.legend-dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend-dot.collected{background:var(--accent-cyan)}.legend-dot.net-pos{background:var(--accent-green)}.legend-dot.net-neg{background:var(--accent-red)}.filter-row{gap:8px;display:flex}.filter-select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;border-radius:6px;padding:6px 12px}.filter-select:hover{border-color:var(--border-accent)}.filter-select:focus{border-color:var(--accent-cyan);outline:none}.chart-bar-group.clickable{cursor:pointer;border-radius:8px;padding:8px 4px;transition:all .2s}.chart-bar-group.clickable:hover{background:#ffffff08}.chart-bar-group.selected{background:#06b6d414;border:1px solid #06b6d433}.chart-bar-group.dimmed{opacity:.35}.chart-bar-group.dimmed:hover{opacity:.7}.chart-hint{opacity:.6;margin-left:auto;font-style:italic}.clear-filter-btn{color:#f87171;cursor:pointer;font-size:12px;font-family:var(--font-sans);background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:4px 12px;transition:all .2s}.clear-filter-btn:hover{background:#ef444433}.filter-badge{color:var(--accent-cyan);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:none;letter-spacing:0;background:#06b6d426;border-radius:4px;margin-left:10px;padding:2px 10px;display:inline-block}.trade-count{color:var(--text-dim);text-transform:none;letter-spacing:0;margin-left:10px;font-size:11px;font-weight:400;display:inline-block}.cal-nav{align-items:center;gap:10px;display:flex}.cal-nav-btn{background:var(--bg-card-hover);border:1px solid var(--border-accent);color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:flex}.cal-nav-btn:hover{border-color:var(--accent-blue);background:#3b82f626}.cal-month-label{font-family:var(--font-mono);color:var(--text-primary);text-align:center;min-width:130px;font-size:13px;font-weight:600}.cal-month-net{font-family:var(--font-mono);font-size:12px;font-weight:600}.cal-month-net.positive{color:#4ade80}.cal-month-net.negative{color:#f87171}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{text-align:center;color:var(--text-dim);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:4px 0 8px}.cal-cell{background:#ffffff05;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;min-height:64px;padding:6px 8px;transition:border-color .15s;display:flex}.cal-cell.empty{background:0 0;border:none}.cal-cell.today .cal-day-num{color:var(--accent-blue);font-weight:700}.cal-cell.has-trade.positive{background:#22c55e14;border-color:#22c55e33}.cal-cell.has-trade.negative{background:#ef444414;border-color:#ef444433}.cal-cell.has-trade:hover{border-color:#3b82f666}.cal-cell.selected{border-color:var(--accent-blue)!important;background:#3b82f61f!important}.cal-day-num{color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono)}.cal-net{font-size:11px;font-weight:700;font-family:var(--font-mono)}.cal-cell.positive .cal-net{color:#4ade80}.cal-cell.negative .cal-net{color:#f87171}.cal-count{color:var(--text-dim);font-size:10px}.expand-cell{text-align:center;width:1.5rem;padding:0}.expand-icon{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:10px}.group-row{background:var(--bg-card);border-top:1px solid var(--border)}.group-row:hover{background:var(--bg-card-hover)}.group-row.group-expanded{background:#3b82f60f;border-top:1px solid #3b82f640}.group-row.group-expanded td{font-weight:600}.child-row{background:#ffffff05}.child-row td{color:var(--text-secondary);border-top:1px solid #1e293b99;font-size:12px}.child-row:last-of-type{border-bottom:2px solid #3b82f633}.trade-count-badge{color:var(--accent-blue);font-size:11px;font-weight:600;font-family:var(--font-mono);background:#3b82f61f;border-radius:4px;padding:2px 7px;display:inline-block}.tag.mixed{color:var(--accent-purple);background:#a78bfa26}.panel-header-right{align-items:center;gap:10px;display:flex}.chart-toggle{border:1px solid var(--border-accent);border-radius:6px;display:flex;overflow:hidden}.chart-toggle-btn{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.chart-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.chart-toggle-btn.active{color:var(--accent-blue);background:#3b82f633}.line-chart-wrap{padding:8px 0 0;position:relative}.nav-return-badge{font-family:var(--font-mono);align-items:baseline;gap:5px;font-size:15px;font-weight:700;display:inline-flex}.nav-return-sub{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.nav-vs-target{font-family:var(--font-mono);font-size:11px;font-weight:600}.nav-legend-item{font-size:11px;font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}.nav-legend-swatch{border-radius:1px;width:20px;height:2px;display:inline-block}.nav-legend-swatch.dashed{opacity:.7;border-top:2px dashed;background:0 0!important}.line-chart-svg{width:100%;height:220px;overflow:visible}.line-chart-zero{stroke:var(--border-accent);stroke-width:1px;stroke-dasharray:4 3}.line-chart-area{fill:#3b82f612}.line-chart-path{fill:none;stroke:var(--accent-blue);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.line-chart-dot{fill:var(--bg-secondary);stroke-width:2.5px}.line-chart-dot.positive{stroke:#4ade80}.line-chart-dot.negative{stroke:#f87171}.line-chart-dot.selected,.line-chart-dot:hover{r:7}.line-chart-axis-label{font-family:var(--font-mono);fill:var(--text-dim);font-size:10px}.line-chart-value{font-family:var(--font-mono);font-size:10px;font-weight:600}.line-chart-value.positive{fill:#4ade80}.line-chart-value.negative{fill:#f87171}.chart-empty{text-align:center;color:var(--text-dim);padding:40px;font-size:13px}.chart-container{position:relative}.chart-tooltip{background:var(--bg-secondary);border:1px solid var(--border-accent);z-index:10;pointer-events:none;border-radius:8px;min-width:170px;padding:10px 14px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 8px 24px #0006}.nav-tooltip{min-width:190px;transform:translate(-50%)}.chart-tooltip-month{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.chart-tooltip-row{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;gap:16px;margin-bottom:4px;display:flex}.chart-tooltip-row .positive{color:#4ade80;font-weight:600}.chart-tooltip-row .negative{color:#f87171;font-weight:600}.chart-tooltip-divider{border-top:1px solid var(--border-accent);margin:6px 0}.chart-mom-label{font-size:10px;font-family:var(--font-mono);margin-top:2px;font-weight:500}.chart-mom-label.positive{color:#4ade80}.chart-mom-label.negative{color:#f87171}.chart-mom-pct{opacity:.7;font-size:9px}.chart-tooltip-net{color:var(--text-primary);font-weight:700}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--text-primary);background:var(--bg-card-hover)}.sortable-th.sort-active{color:#60a5fa}.sort-icon{opacity:.5;margin-left:2px;font-size:10px}.sortable-th.sort-active .sort-icon{opacity:1}.totals-row{border-top:2px solid var(--border-accent);background:var(--bg-card)}.totals-row td{padding:10px 12px;font-weight:700}.currency-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);letter-spacing:.04em;vertical-align:middle;background:#64748b26;border-radius:3px;margin-left:4px;padding:1px 5px;display:inline-block}.fx-rate-badge{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);background:#64748b1f;border-radius:4px;padding:2px 8px;font-size:11px}.sgd-col{color:var(--accent-cyan);font-family:var(--font-mono);font-size:12px}.totals-label{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:4px 0 8px;display:grid}.client-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:18px 20px;transition:border-color .15s,background .15s}.client-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.client-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.client-name{color:var(--text-primary);font-size:15px;font-weight:700}.buffer-light{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.buffer-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.client-card-metrics{grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:16px;display:grid}.client-metric-val{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);margin-top:2px}.payout-progress-wrap{margin-top:4px}.payout-progress-label{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);justify-content:space-between;margin-bottom:5px;display:flex}.payout-progress-track{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.payout-progress-fill{background:var(--accent-green);border-radius:2px;height:100%;transition:width .3s}.tag.payout-paid{color:#4ade80;background:#22c55e26}.tag.payout-scheduled{color:var(--text-dim);background:#64748b26}.tag.payout-overdue{color:#f87171;background:#ef444426}.mark-paid-btn{color:#4ade80;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s}.mark-paid-btn:hover{background:#22c55e33}.undo-paid-btn{color:var(--text-dim);cursor:pointer;background:#64748b1a;border:1px solid #64748b4d;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.undo-paid-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.txn-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.txn-form-row{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.txn-form label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:5px;min-width:130px;font-size:11px;font-weight:600;display:flex}.txn-form input,.txn-form select{background:var(--bg-card);border:1px solid var(--border-accent);color:var(--text-primary);font-family:var(--font-mono);border-radius:5px;outline:none;padding:6px 10px;font-size:12px}.txn-form input:focus,.txn-form select:focus{border-color:var(--accent-blue)}.page-title{color:var(--text-primary);font-size:20px;font-weight:700;font-family:var(--font-sans)}.div-summary-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.div-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.div-summary-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:600}.div-summary-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px}.div-summary-sub{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.div-empty{text-align:center;color:var(--text-dim);padding:32px;font-size:13px}.div-no-wht-badge{letter-spacing:.4px;color:var(--accent-green);vertical-align:middle;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:600}.sgx-income-bar{background:#22c55e0d;border:1px solid #22c55e26;border-radius:8px;align-items:center;gap:0;margin:0 0 16px;padding:14px 20px;display:flex}.sgx-income-item{text-align:center;flex-direction:column;flex:1;gap:4px;display:flex}.sgx-income-divider{background:var(--border);width:1px;height:36px}.sgx-income-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:11px;font-weight:600}.sgx-income-value{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--accent-green)}.sgx-sector-cell{width:0;padding:0}.sgx-sector-label{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:6px 4px;font-size:9px;font-weight:700;display:block;transform:rotate(180deg)}.sgx-row-owned{background:#22c55e0a}.sgx-row-owned:hover{background:#22c55e14}.price-range-bar{background:var(--border);border-radius:2px;width:50px;height:3px;margin:4px auto 0;display:block;position:relative;overflow:visible}.price-range-fill{background:var(--accent-cyan);border-radius:2px;height:100%;display:block}.yield-badge{letter-spacing:.3px;vertical-align:middle;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;margin-right:2px;font-size:9px;font-weight:700;display:inline-flex}.yield-t{color:var(--text-secondary);background:#64748b33;border:1px solid #64748b4d}.yield-f{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.fwd-div-sub{color:var(--text-dim);margin-top:1px;font-size:10px;display:block}.shares-display{cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:2px 4px;transition:background .15s;display:inline-flex}.shares-display:hover{background:#ffffff0d}.shares-edit-icon{color:var(--text-dim);opacity:0;font-size:10px;transition:opacity .15s}.shares-display:hover .shares-edit-icon{opacity:1}.shares-editor{align-items:center;gap:4px;display:inline-flex}.shares-input{background:var(--bg-primary);border:1px solid var(--accent-blue);width:72px;color:var(--text-primary);font-family:var(--font-mono);border-radius:4px;padding:3px 6px;font-size:12px}.shares-save-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;background:#22c55e26;border-radius:4px;padding:2px 7px;font-size:12px}.shares-cancel-btn{border:1px solid var(--border-accent);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:12px}.sgx-delete-btn{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:opacity .15s,color .15s}tr:hover .sgx-delete-btn{opacity:1}.sgx-delete-btn:hover{color:var(--accent-red)}.sgx-add-form{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-bottom:16px;padding:16px}.sgx-add-row{grid-template-columns:80px 1fr 140px 100px 140px 120px;gap:10px;margin-bottom:12px;display:grid}.sgx-add-row input,.sgx-add-row select{background:var(--bg-primary);border:1px solid var(--border-accent);color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;padding:7px 10px;font-size:12px}.sgx-add-row input:focus,.sgx-add-row select:focus{border-color:var(--accent-blue);outline:none}.sgx-add-actions{gap:8px;display:flex}.upcoming-dates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.upcoming-card{border:1px solid var(--border);background:var(--bg-primary);border-radius:10px;padding:14px 16px;transition:border-color .2s}.upcoming-card:hover{border-color:var(--border-accent)}.upcoming-critical{background:#ef44440a;border-color:#ef444480!important}.upcoming-urgent{background:#eab30808;border-color:#eab30866!important}.upcoming-soon{border-color:#3b82f64d!important}.upcoming-past{opacity:.45}.upcoming-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.upcoming-code{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:700}.upcoming-days-badge{font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:10px;padding:2px 7px}.upcoming-days-critical{color:#f87171;background:#ef444433}.upcoming-days-urgent{color:#facc15;background:#eab30833}.upcoming-days-soon{color:var(--accent-blue);background:#3b82f626}.upcoming-days-normal{color:var(--text-secondary);background:#64748b26}.upcoming-days-past{color:var(--text-dim);background:#64748b1a}.upcoming-card-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:11px;overflow:hidden}.upcoming-dates-row{gap:12px;margin-bottom:10px;display:flex}.upcoming-date-item{flex-direction:column;gap:2px;display:flex}.upcoming-date-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:9px;font-weight:700}.upcoming-date-val{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.urgent-text{font-weight:600;color:#facc15!important}.upcoming-critical .urgent-text{color:#f87171!important}.upcoming-amount{font-family:var(--font-mono);color:var(--text-secondary);border-top:1px solid var(--border);padding-top:8px;font-size:12px}.upcoming-income{color:var(--accent-green);margin-top:2px;font-weight:600;display:block}.ex-date-cell{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ex-critical{color:#f87171!important}.ex-urgent{color:#facc15!important}.ex-soon{color:var(--accent-blue)!important}.ex-past{color:var(--text-dim)!important}.ex-days-inline{color:#facc15;background:#eab30826;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700}.ex-critical .ex-days-inline{color:#f87171;background:#ef444426}.ex-soon .ex-days-inline{color:var(--accent-blue);background:#3b82f626}.date-input{background:var(--bg-primary);border:1px solid var(--accent-blue);width:130px;color:var(--text-primary);font-family:var(--font-mono);border-radius:4px;padding:3px 6px;font-size:12px}@media (width<=900px){.div-summary-row{grid-template-columns:repeat(2,1fr)}.sgx-add-row{grid-template-columns:1fr 1fr}}.div-cell{font-family:var(--font-mono);align-items:center;gap:5px;font-size:12px;display:inline-flex}.div-wht-badge{letter-spacing:.4px;color:var(--accent-yellow);cursor:default;background:#eab3081f;border:1px solid #eab3084d;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600;position:relative}.div-wht-tooltip{border:1px solid var(--border-accent);z-index:100;background:#1a2540;border-radius:6px;flex-direction:column;gap:4px;min-width:220px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 16px #00000080}.div-wht-badge:hover .div-wht-tooltip{display:flex}.div-wht-row{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;grid-template-columns:1fr auto auto;gap:10px;font-size:11px;display:grid}.div-wht-header{color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:4px;font-size:10px}.div-wht-header span:first-child{visibility:hidden}.div-wht-row.wht span:nth-child(2),.div-wht-row.wht span:nth-child(3){color:var(--accent-red)}.div-wht-row.net{border-top:1px solid var(--border);margin-top:2px;padding-top:4px}.div-wht-row.net span:nth-child(2),.div-wht-row.net span:nth-child(3){color:var(--accent-green);font-weight:600}.sync-div-btn{font-family:var(--font-mono);border:1px solid var(--border-accent);color:var(--accent-blue);cursor:pointer;white-space:nowrap;background:#3b82f614;border-radius:5px;padding:4px 10px;font-size:11px;transition:background .15s,border-color .15s}.sync-div-btn:hover:not(:disabled){border-color:var(--accent-blue);background:#3b82f629}.sync-div-btn:disabled{opacity:.5;cursor:default}.sync-div-msg{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}@media (width<=1200px){.metrics-row{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.two-col{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}.app{padding:0 16px 16px}.chart-bar{width:16px}}.chain-symbol-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chain-symbol-tab{border:1px solid var(--border-accent);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-mono);border-radius:8px;padding:7px 20px;transition:all .15s}.chain-symbol-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.chain-symbol-tab.active{color:#60a5fa;background:#1e3a5f;border-color:#3b82f6}.chain-filter-row{flex-wrap:wrap;align-items:center;gap:16px;padding:10px 0 14px;display:flex}.chain-liq-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.chain-underlying-badge{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:12px}.chain-underlying-price{color:var(--text-secondary);font-size:14px;font-weight:400;font-family:var(--font-mono);margin-left:6px}.chain-days-mini{opacity:.6;margin-left:2px;font-size:10px}.chain-table tbody tr:hover{background:var(--bg-card-hover)}.chain-row-atm{background:#3b82f612!important}.chain-atm-strike{color:#60a5fa;font-weight:700}.chain-closed-banner{color:#fbbf24;background:#eab30814;border:1px solid #eab3084d;border-radius:8px;margin:0 0 12px;padding:10px 16px;font-size:12px;line-height:1.5}.chain-atm-badge{color:#60a5fa;vertical-align:middle;background:#1e3a5f;border:1px solid #3b82f6;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.auth-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:380px;padding:32px 28px;display:flex}.auth-logo{font-family:var(--font-mono);letter-spacing:-.5px;color:var(--text-primary);font-size:24px;font-weight:700}.auth-sub{color:var(--text-secondary);margin:4px 0 24px;font-size:14px}.auth-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px;font-size:12px}.auth-input{background:var(--bg-secondary);border:1px solid var(--border-accent);color:var(--text-primary);border-radius:8px;outline:none;padding:11px 13px;font-size:15px}.auth-input:focus{border-color:var(--accent-cyan)}.auth-error{color:var(--accent-red);margin-top:14px;font-size:13px}.auth-btn{background:var(--accent-cyan);color:#04121a;cursor:pointer;border:none;border-radius:8px;margin-top:22px;padding:12px;font-size:15px;font-weight:600}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:13px;text-decoration:underline}.nav-right{align-items:center;gap:14px;display:flex}.nav-user{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.nav-signout{background:var(--bg-card);border:1px solid var(--border-accent);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:7px 14px;font-size:13px}.nav-signout:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mycard-wrap{flex-direction:column;gap:18px;max-width:960px;margin:0 auto;display:flex}.mycard-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mycard-title{color:var(--text-primary);margin:0 0 2px;font-size:26px;font-weight:700}.mycard-hero{text-align:center;padding:28px 20px}.mycard-hero-val{color:var(--accent-cyan);font-size:42px;font-weight:700;font-family:var(--font-mono);margin:6px 0}.mycard-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mycard-metric{padding:16px}.mycard-metric-val{color:var(--text-primary);font-size:19px;font-weight:600;font-family:var(--font-mono);margin-top:6px}.mycard-table-scroll{overflow-x:auto}.dim{color:var(--text-dim)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px}.data-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.data-table td{color:var(--text-secondary)}.data-table td.num,.data-table th.num{text-align:right;font-family:var(--font-mono)}.pill{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-paid{background:var(--accent-green-dim);color:var(--accent-green)}.pill-scheduled{color:var(--text-secondary);background:#94a3b81f}.pill-overdue{color:var(--accent-red);background:#ef44441f}@media (width<=640px){.mycard-metrics{grid-template-columns:repeat(2,1fr)}.mycard-hero-val{font-size:34px}}.login-add-form{padding:4px 16px 16px}.login-add-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.login-field{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.login-field .auth-input{width:100%}.login-actions{white-space:nowrap;justify-content:flex-end;gap:8px;display:flex}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-accent);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.action-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d414}.action-btn .action-ico{opacity:.9;font-size:12px;line-height:1}.action-btn-danger{color:#f87171}.action-btn-danger:hover{border-color:var(--accent-red);color:#fca5a5;background:#ef44441a}.link-btn{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.link-btn:hover{text-decoration:underline}.link-btn-danger{color:var(--accent-red)}.returns-summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 16px 16px;display:grid}.returns-figure{flex-direction:column;gap:6px;display:flex}.returns-earned{color:var(--accent-green);font-size:22px;font-weight:700;font-family:var(--font-mono)}.returns-remaining{color:var(--text-secondary);font-size:22px;font-weight:700;font-family:var(--font-mono)}.returns-total{color:var(--text-primary);font-size:22px;font-weight:700;font-family:var(--font-mono)}@media (width<=640px){.returns-summary{grid-template-columns:1fr}}.lang-toggle{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:7px;display:inline-flex;overflow:hidden}.lang-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px}.lang-btn.active{background:var(--accent-cyan);color:#04121a;font-weight:600}.lang-btn:not(.active):hover{background:var(--bg-card-hover);color:var(--text-primary)}.preview-btn{border:1px solid var(--border-accent);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:3px 9px;font-size:11px;transition:all .15s}.preview-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.preview-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#03070fb8;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-modal{background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:14px;width:100%;max-width:860px;overflow:hidden;box-shadow:0 24px 60px #00000080}.preview-modal-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.preview-modal-tag{color:var(--accent-cyan);letter-spacing:.3px;font-size:12px;font-weight:600}.preview-close{background:var(--bg-card);border:1px solid var(--border-accent);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.preview-close:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.preview-modal-body{max-height:calc(100vh - 140px);padding:20px 24px 28px;overflow-y:auto}