:root{--font-sans: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-11: 11px;--t-12: 12px;--t-13: 13px;--t-14: 14px;--t-15: 15px;--t-16: 16px;--t-18: 18px;--t-20: 20px;--t-24: 24px;--t-28: 28px;--t-32: 32px;--t-40: 40px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--accent: #8A7A64;--accent-hover: #766A55;--accent-soft: rgba(138, 122, 100, .12);--accent-fg: #ffffff;--gain: #10B981;--gain-soft: rgba(16, 185, 129, .1);--loss: #F43F5E;--loss-soft: rgba(244, 63, 94, .1);--warn: #F59E0B;--warn-soft: rgba(245, 158, 11, .12);--info: #0EA5E9;--info-soft: rgba(14, 165, 233, .1);--strat-cc: #2563EB;--strat-cc-soft: rgba(37, 99, 235, .1);--strat-sp: #7C3AED;--strat-sp-soft: rgba(124, 58, 237, .1);--strat-pmcc: #0D9488;--strat-pmcc-soft: rgba(13, 148, 136, .1);--strat-spread: #D97706;--strat-spread-soft: rgba(217, 119, 6, .1);--strat-wheel: #DB2777;--strat-wheel-soft: rgba(219, 39, 119, .1);--strat-straddle: #0EA5E9;--strat-straddle-soft: rgba(14, 165, 233, .1);--strat-strangle: #6366F1;--strat-strangle-soft: rgba(99, 102, 241, .1);--strat-collar: #10B981;--strat-collar-soft: rgba(16, 185, 129, .1);--row-h: 40px;--pad-card: 20px}[data-theme=light]{color-scheme:light;--bg: #ECEAE4;--surface: rgba(252, 250, 246, .62);--surface-2: rgba(252, 250, 246, .4);--surface-3: rgba(252, 250, 246, .78);--text: #1A1814;--text-strong: #100E0B;--text-muted: #5E574C;--text-subtle: #9E9488;--border: rgba(255, 252, 246, .75);--border-strong: rgba(60, 50, 35, .09);--hover: rgba(252, 250, 246, .6);--selected: rgba(138, 122, 100, .1);--shadow-pop: 0 1px 0 rgba(255,253,248,.9) inset, 0 2px 8px rgba(60,50,30,.07);--shadow-drawer: -4px 0 32px rgba(60,50,30,.1);--glass-blur: 18px;--glass-sat: 140%;--bg-paint: radial-gradient(55% 50% at 8% 4%, rgba(160, 148, 120, .22), transparent 62%), radial-gradient(45% 42% at 93% 16%, rgba(150, 128, 100, .16), transparent 62%), radial-gradient(48% 44% at 75% 90%, rgba(168, 148, 110, .16), transparent 62%), radial-gradient(40% 40% at 22% 84%, rgba(180, 162, 130, .14), transparent 62%), linear-gradient(155deg, #ECEAE4 0%, #E5E2D8 100%)}[data-theme=dark]{color-scheme:dark;--bg: #1C1A16;--surface: rgba(245, 238, 220, .07);--surface-2: rgba(245, 238, 220, .04);--surface-3: rgba(245, 238, 220, .1);--text: #EDE8DC;--text-strong: #F8F4EC;--text-muted: #A89E8C;--text-subtle: #6A6050;--border: rgba(240, 228, 200, .09);--border-strong: rgba(240, 228, 200, .15);--hover: rgba(240, 228, 200, .05);--selected: rgba(138, 122, 100, .2);--shadow-pop: 0 1px 0 rgba(240,225,190,.06) inset, 0 4px 16px rgba(0,0,0,.4);--shadow-drawer: -4px 0 40px rgba(0, 0, 0, .55);--glass-blur: 20px;--glass-sat: 140%;--bg-paint: radial-gradient(55% 52% at 8% 4%, rgba(155, 138, 105, .44), transparent 62%), radial-gradient(45% 42% at 93% 16%, rgba(140, 118, 88, .3), transparent 62%), radial-gradient(48% 44% at 75% 90%, rgba(148, 128, 90, .26), transparent 62%), radial-gradient(40% 40% at 22% 84%, rgba(162, 142, 100, .28), transparent 62%), linear-gradient(155deg, #1C1A16 0%, #211E19 100%)}[data-density=compact]{--row-h: 34px;--pad-card: 14px}[data-density=cozy]{--row-h: 40px;--pad-card: 20px}[data-density=roomy]{--row-h: 48px;--pad-card: 24px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--t-14);font-weight:400;line-height:1.45;color:var(--text);background:var(--bg);background-image:var(--bg-paint);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background:radial-gradient(32rem 32rem at 65% 35%,rgba(155,138,105,.14),transparent 55%),radial-gradient(24rem 24rem at 20% 68%,rgba(140,118,85,.11),transparent 55%);animation:orb-drift 30s ease-in-out infinite alternate;filter:blur(40px)}@keyframes orb-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-4%,0) scale(1.06)}to{transform:translate3d(-2%,3%,0) scale(.97)}}button{font-family:inherit}table{border-collapse:collapse}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:content-box;border:2px solid transparent}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.gain{color:var(--gain)}.loss{color:var(--loss)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grow{flex:1 1 0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.app{display:grid;grid-template-columns:var(--side-w, 232px) 1fr;height:100vh;overflow:hidden;background:transparent;position:relative;z-index:1}.app[data-collapsed=true]{--side-w: 60px}.main-col{display:grid;grid-template-rows:56px 1fr;min-width:0;min-height:0}.content{overflow:auto;padding:var(--s-6) var(--s-8)}@media (max-width: 1100px){.content{padding:var(--s-5) var(--s-5)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--pad-card);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--shadow-pop)}.card-title{font-size:var(--t-13);font-weight:500;color:var(--text-muted);letter-spacing:.01em}.card-num{font-size:var(--t-28);font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-strong)}.section-title{font-size:var(--t-12);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:var(--t-13);font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:background 80ms ease,border-color 80ms ease,color 80ms ease;white-space:nowrap}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--hover)}.btn.sm{height:26px;padding:0 8px;font-size:var(--t-12)}.btn.icon{width:32px;padding:0;justify-content:center}.btn.sm.icon{width:26px}.input{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:var(--t-13);font-family:inherit;outline:none;width:100%}.input:focus-within,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;font-size:var(--t-11);font-weight:500;letter-spacing:.02em;border-radius:4px;border:1px solid transparent;font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:var(--t-12);font-weight:500;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--t-13)}.tbl th{text-align:left;font-size:var(--t-11);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:1}.tbl td{padding:0 12px;height:var(--row-h);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tbl tbody tr:hover td{background:var(--hover)}.tbl tbody tr:last-child td{border-bottom:0}.tbl .num{font-variant-numeric:tabular-nums;text-align:right}.tbl .right{text-align:right}.hr{height:1px;width:100%;background:var(--border);border:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.skel{background:var(--surface-2);border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.cs-wrap{position:relative;display:inline-flex;align-items:stretch;cursor:not-allowed;vertical-align:middle}.cs-wrap.cs-block{display:flex;width:100%}.cs-wrap>.cs-content{display:inline-flex;align-items:stretch;flex:1;pointer-events:none;opacity:.45;filter:grayscale(.55);transition:opacity .12s ease}.cs-wrap.cs-block>.cs-content{display:flex;width:100%}.cs-wrap:hover>.cs-content{opacity:.65}.cs-wrap>.cs-badge{position:absolute;top:-7px;right:-7px;z-index:2;padding:1px 5px;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-3, var(--surface));border:1px dashed var(--border-strong);border-radius:3px;pointer-events:none;white-space:nowrap;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cs-inline{display:inline-flex;align-items:center;height:16px;padding:0 5px;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:3px;margin-left:6px;vertical-align:middle;line-height:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-6);border-bottom:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.sidebar .nav{padding:var(--s-2);display:flex;flex-direction:column;gap:1px}.sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;height:34px;font-size:var(--t-13);font-weight:500;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.sidebar .nav-item:hover{background:var(--hover);color:var(--text)}.sidebar .nav-item.active{background:var(--selected);color:var(--accent)}.sidebar .nav-item.active svg{color:var(--accent)}.sidebar .nav-section{padding:14px 12px 6px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080b59;z-index:50;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:var(--surface-3);border-left:1px solid var(--border);box-shadow:var(--shadow-drawer);z-index:51;transform:translate(100%);transition:transform .22s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.drawer-backdrop.open{background:#08081066}.drawer.open{transform:translate(0)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}.page-title{font-size:var(--t-24);font-weight:500;letter-spacing:-.01em;color:var(--text-strong);margin:0}.page-sub{font-size:var(--t-13);color:var(--text-muted);margin-top:2px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.alertbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--warn-soft);border:1px solid color-mix(in oklab,var(--warn) 30%,transparent);border-radius:var(--r-md);font-size:var(--t-13);color:var(--text);margin-bottom:var(--s-5)}.alertbar .dot{width:6px;height:6px;border-radius:50%;background:var(--warn)}.badge-strat{padding:2px 6px;height:18px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;display:inline-flex;align-items:center}.badge-strat.cc{background:var(--strat-cc-soft);color:var(--strat-cc)}.badge-strat.sp{background:var(--strat-sp-soft);color:var(--strat-sp)}.badge-strat.pmcc{background:var(--strat-pmcc-soft);color:var(--strat-pmcc)}.badge-strat.spread{background:var(--strat-spread-soft);color:var(--strat-spread)}.badge-strat.wheel{background:var(--strat-wheel-soft);color:var(--strat-wheel)}.badge-strat.straddle{background:var(--strat-straddle-soft);color:var(--strat-straddle)}.badge-strat.strangle{background:var(--strat-strangle-soft);color:var(--strat-strangle)}.badge-strat.collar{background:var(--strat-collar-soft);color:var(--strat-collar)}.badge-status{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 6px;font-size:var(--t-11);font-weight:500;border-radius:4px}.badge-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-status.open{background:var(--gain-soft);color:var(--gain)}.badge-status.closed{background:var(--surface-2);color:var(--text-muted)}.badge-status.itm{background:var(--warn-soft);color:var(--warn)}.badge-status.atm{background:var(--info-soft);color:var(--info)}.expiry{display:inline-flex;align-items:center;height:20px;padding:0 6px;font-size:var(--t-11);font-weight:500;border-radius:4px;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.expiry.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.expiry.crit{background:var(--loss-soft);color:var(--loss);border-color:transparent}.split-card{display:grid;grid-template-columns:1fr 0px;transition:grid-template-columns .26s cubic-bezier(.32,.72,0,1);overflow:hidden}.split-card.panel-open{grid-template-columns:1fr 520px}.split-table-pane{overflow:hidden;border-right:1px solid transparent;transition:border-color .26s ease}.split-card.panel-open .split-table-pane{border-right-color:var(--border)}.split-detail-pane{opacity:0;transform:translate(10px);transition:opacity .2s ease 60ms,transform .26s cubic-bezier(.32,.72,0,1) 40ms;pointer-events:none;overflow-y:auto;min-width:0}.split-card.panel-open .split-detail-pane{opacity:1;transform:translate(0);pointer-events:auto}.tbl tbody tr.row-selected td{background:var(--selected)}.tbl tbody tr.row-selected td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.mob-tabbar{display:none}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{display:none}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.mob-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px;z-index:30;justify-content:space-around}.content{padding-bottom:72px}}