:root{--paper:#fbf9f4;--paper-2:#f4f1e9;--paper-3:#ebe6da;--rule:#d9d3c5;--rule-soft:#ebe6da;--ink:#1a1816;--ink-2:#4a463f;--ink-3:#8a857b;--ink-4:#b6b0a3;--night:#181613;--night-2:#29251f;--on-night:#f1ede2;--on-night-2:#c9c1ad;--pos:oklch(58% .1 155);--pos-soft:oklch(94% .04 155);--neg:oklch(56% .13 27);--neg-soft:oklch(95% .05 27);--warn:oklch(66% .13 65);--warn-soft:oklch(95% .05 75);--info:oklch(55% .07 245);--info-soft:oklch(95% .03 245);--r-1:4px;--r-2:8px;--r-3:12px;--r-pill:999px;--shadow-0:none;--shadow-1:0 1px 0 #1a18160a, 0 1px 2px #1a18160a;--shadow-2:0 6px 16px -8px #1a18162e, 0 1px 0 #1a18160a;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--sans:Helvetica, "Helvetica Neue", Arial, sans-serif;--serif:"Source Serif 4", "Source Serif Pro", Georgia, serif;--mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{overflow:hidden}.dashboard-layout{grid-template-columns:240px 1fr 340px;height:100vh;display:grid;overflow:hidden}.side{border-right:1px solid var(--rule);flex-direction:column;gap:22px;padding:22px 18px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;display:flex}.brand .brand-mark{background:var(--ink);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.brand .brand-mark svg{color:var(--paper)}.brand .brand-name{letter-spacing:-.005em;font-size:16px;font-weight:600}.nav{flex-direction:column;gap:2px;display:flex}.nav .nav-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding:8px 8px 6px;font-size:10.5px}.nav a,.nav .nav-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav a:hover,.nav .nav-item:hover{background:var(--paper-2);color:var(--ink)}.nav a.active,.nav .nav-item.active{background:var(--ink);color:var(--paper)}.nav a .ic,.nav .nav-item .ic{opacity:.8;width:16px;height:16px}.nav a.active .ic,.nav .nav-item.active .ic{opacity:1}.nav .nav-count{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:11px}.nav a.active .nav-count,.nav .nav-item.active .nav-count{color:var(--on-night-2)}.pf-list{flex-direction:column;gap:1px;display:flex}.pf{cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;padding:7px 10px;display:flex}.pf:hover,.pf.on{background:var(--paper-2)}.pf .pf-name{color:var(--ink);font-size:13px}.pf .pf-ccy{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:10.5px}.pf-add{color:var(--ink-3)!important}.pf-add .pf-name{color:var(--ink-3)}.me{border-top:1px solid var(--rule-soft);align-items:center;gap:10px;margin-top:auto;padding:8px;display:flex}.me .av{background:var(--ink);width:28px;height:28px;color:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.me .who{font-size:12.5px}.me .who-role{color:var(--ink-3);font-size:11px}.main{padding:28px 36px 80px;overflow-y:auto}.top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.top-title{font-family:var(--serif);letter-spacing:-.02em;font-size:38px;font-weight:400;line-height:1.05}.back-link{cursor:pointer;color:var(--ink-3);background:0 0;border:none;margin-bottom:4px;padding:0;font-size:12px;display:block}.back-link:hover{color:var(--ink)}.top-sub{color:var(--ink-3);font-size:12.5px;font-family:var(--mono);margin-top:6px}.top-actions{gap:8px;display:flex}.btn{font-family:var(--sans);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--paper-2)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--night-2)}.btn .ic{width:14px;height:14px}.kpis{grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--rule);background:var(--paper);border-radius:12px;padding:18px 20px}.kpi.live{border-color:var(--pos);background:var(--pos-soft)}.kpi .kpi-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-size:10.5px;display:flex}.live-dot{background:var(--pos);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.kpi .kpi-val{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.005em;margin-top:8px;font-size:30px;font-weight:500}.kpi .kpi-sub{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2);margin-top:5px;font-size:12px}.kpi .kpi-sub.pos{color:var(--pos)}.kpi .kpi-sub.neg{color:var(--neg)}.spark{width:100%;height:36px;margin-top:10px}.spark path.area{opacity:.1}.spark path.line{stroke-width:1.5px;fill:none}.panel{border:1px solid var(--rule);background:var(--paper);border-radius:12px}.phead{border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.phead h2{margin:0;font-size:15px;font-weight:600}.phead .meta{color:var(--ink-3);font-size:11px;font-family:var(--mono)}.filter{gap:6px;display:flex}.chip{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11.5px}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.holdings-grid{grid-template-columns:1.4fr .7fr .9fr .9fr .9fr .9fr 24px;padding:0 20px;display:grid}.gh{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule-soft);padding:12px 0;font-size:10.5px;font-weight:500}.gh.r,.gc.r{text-align:right}.gc{border-bottom:1px solid var(--rule-soft);padding:14px 0;font-size:13.5px}.row-h{transition:background var(--dur) var(--ease)}.row-h.flash-pos{background:var(--pos-soft)}.row-h.flash-neg{background:var(--neg-soft)}.sym{font-family:var(--mono);font-size:13.5px;font-weight:600}.holding-name{color:var(--ink-3);margin-top:1px;font-size:11.5px}.rail{border-left:1px solid var(--rule);flex-direction:column;gap:18px;padding:22px 22px 0;display:flex;overflow-y:auto}.rail-section .rail-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;margin-bottom:10px;font-size:10.5px;display:flex}.alert-card{border:1px solid var(--rule);border-radius:10px;padding:12px 14px}.alert-card .alert-header{justify-content:space-between;align-items:baseline;display:flex}.alert-card .sym{font-size:13px}.alert-card .alert-cond{color:var(--ink-2);font-size:12px;font-family:var(--mono);margin-top:4px}.alert-card .alert-meta{color:var(--ink-3);font-size:10.5px;font-family:var(--mono);justify-content:space-between;margin-top:8px;display:flex}.alert-list{flex-direction:column;gap:8px;display:flex}.alert-x{cursor:pointer;color:var(--ink-3);background:0 0;border:none;padding:0;line-height:1}.alert-x:hover{color:var(--neg)}.tx-row{border-bottom:1px solid var(--rule-soft);justify-content:space-between;padding:8px 0;font-size:12.5px;display:flex}.tx-row:last-child{border-bottom:0}.tx-row .tx-key{font-family:var(--mono)}.tx-row .tx-key.b{color:var(--pos)}.tx-row .tx-key.s{color:var(--neg)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.pos{color:var(--pos)}.neg{color:var(--neg)}.mono{font-family:var(--mono)}.login-page{background:var(--paper);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{border:1px solid var(--rule);background:var(--paper);width:360px;box-shadow:var(--shadow-2);border-radius:16px;padding:40px}.login-brand{align-items:center;gap:10px;margin-bottom:32px;display:flex}.login-brand .brand-mark{background:var(--ink);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.login-brand .brand-mark svg{color:var(--paper)}.login-brand .brand-name{letter-spacing:-.01em;font-size:18px;font-weight:600}.login-card h2{margin:0 0 24px;font-size:20px;font-weight:600}.login-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.login-field label{color:var(--ink-2);font-size:12px;font-weight:500}.login-field input{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.login-field input:focus{border-color:var(--ink)}.login-submit{background:var(--ink);width:100%;color:var(--paper);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:11px;font-size:14px;font-weight:500}.login-submit:hover{background:var(--night-2)}.login-error{color:var(--neg);margin-bottom:12px;font-size:12.5px}.login-toggle{text-align:center;color:var(--ink-3);margin-top:20px;font-size:13px}.login-toggle button{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.modal-overlay{z-index:100;background:#1a181666;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--paper);border:1px solid var(--rule);min-width:400px;box-shadow:var(--shadow-2);border-radius:14px;padding:28px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;padding:0}.modal-close:hover{color:var(--ink)}.modal-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.modal-field label{color:var(--ink-2);font-size:12px;font-weight:500}.modal-field input,.modal-field select{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:8px;outline:none;padding:9px 12px;font-size:14px}.modal-field input:focus,.modal-field select:focus{border-color:var(--ink)}.modal-actions{gap:8px;margin-top:20px;display:flex}.modal-actions .btn{flex:1;justify-content:center}.field-error{color:var(--neg);margin-top:-2px;font-size:11.5px}.modal-field input.invalid,.modal-field select.invalid{border-color:var(--neg)}.portfolio-grid{cursor:pointer;grid-template-columns:1.4fr 1fr 1fr 1fr .7fr 24px;padding:0 20px;display:grid}.portfolio-grid:not(:first-child)>.gc:hover{background:var(--paper-2)}.market-grid{grid-template-columns:1.4fr 1fr 1fr;padding:0 20px;display:grid}.tx-full-grid{grid-template-columns:.4fr 1.2fr .6fr 1fr .6fr .9fr 1fr;padding:0 20px;display:grid}.tx-key{font-family:var(--mono);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.tx-key.b{color:var(--pos);background:var(--pos-soft)}.tx-key.s{color:var(--neg);background:var(--neg-soft)}.dt-row-click{display:contents}.dt-row-click>.gc{cursor:pointer;transition:background var(--dur) var(--ease)}.dt-row-click:hover>.gc{background:var(--paper-2)}.dashboard-layout.no-rail{grid-template-columns:240px 1fr}.toast-container{top:var(--s-5);right:var(--s-5);z-index:9999;gap:var(--s-2);pointer-events:none;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);box-shadow:var(--shadow-2);pointer-events:all;animation:toast-in var(--dur) var(--ease);font-size:.875rem;line-height:1.4;display:flex}.toast--error{background:var(--neg-soft);color:var(--neg);border:1px solid var(--neg)}.toast--warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn)}.toast--info{background:var(--info-soft);color:var(--info);border:1px solid var(--info)}.toast__msg{flex:1}.toast__close{cursor:pointer;color:inherit;margin-left:var(--s-2);opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}