@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg-base);min-width:320px;color:var(--text-primary);font-family:Geist,sans-serif;line-height:1.5}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select{font:inherit;border:none;outline:none}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}:root{--bg-base:#050807;--bg-panel:#0b100e;--bg-panel-2:#111712;--bg-ink:#15100c;--line:#d0f2de21;--line-strong:#a6ffd257;--text-primary:#eef5ec;--text-secondary:#a7b1a8;--text-faint:#667269;--green:#35f19a;--green-soft:#35f19a21;--blue:#82a8ff;--blue-soft:#82a8ff21;--amber:#f3b15d;--amber-soft:#f3b15d24;--red:#ff5c73;--red-soft:#ff5c7321;--violet:#9b7cff;--mono:"JetBrains Mono", monospace;--sans:"Geist", sans-serif;--radius:18px;--radius-sm:10px;--shadow:0 24px 70px #0000006b}body{overflow-x:hidden}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.muted{color:var(--text-secondary)}.app-frame{background:radial-gradient(circle at 18% 16%,#35f19a1f,#0000 30%),radial-gradient(circle at 92% 9%,#82a8ff21,#0000 34%),linear-gradient(135deg,#030504 0%,#080d0a 44%,#10100a 100%);grid-template-columns:250px minmax(0,1fr);min-height:100dvh;display:grid;overflow-x:hidden}.app-frame:before{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#d0f2de0b 1px,#0000 1px),linear-gradient(90deg,#d0f2de0b 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 45% 10%,#000,#0000 72%);mask-image:radial-gradient(circle at 45% 10%,#000,#0000 72%)}.sidebar{z-index:20;border-right:1px solid var(--line);background:linear-gradient(#0d140ff5,#040706fa),radial-gradient(circle at 70% 0,#35f19a1c,#0000 34%);grid-template-rows:auto 1fr auto;gap:22px;height:100dvh;padding:20px 14px;display:grid;position:sticky;top:0;box-shadow:18px 0 70px #00000052}.logo-block{border:1px solid var(--line);border-radius:var(--radius);letter-spacing:.08em;background:#ffffff06;align-content:center;min-height:72px;padding:14px;display:grid}.logo-block strong,.logo-block span{color:var(--green);font-family:var(--mono);font-size:13px;line-height:1.12;display:block}.logo-block span{color:var(--text-primary)}.side-nav{align-content:start;gap:9px;display:grid}.side-link{min-height:48px;color:var(--text-secondary);border:1px solid #0000;border-radius:14px;align-items:center;gap:11px;padding:0 13px;font-size:14px;font-weight:800;transition:border-color .18s,background .18s,color .18s,transform .18s;display:flex;position:relative}.side-link:before{content:"";border:1px solid;border-radius:999px;width:7px;height:7px}.side-link:hover,.side-link.selected,.side-link.active{color:var(--text-primary);border-color:var(--line-strong);background:linear-gradient(90deg,#35f19a1f,#82a8ff0d);transform:translate(2px)}.side-link.room{min-height:64px;color:var(--text-primary);background:#f3b15d12;align-content:center;gap:2px;display:grid}.side-link.room:before{display:none}.side-link.room:after{content:"";background:var(--green);width:9px;height:9px;box-shadow:0 0 22px var(--green);border-radius:999px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.side-link small{color:var(--text-faint);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;display:block}.view-only-badge{border:1px solid var(--line-strong);min-height:42px;color:var(--green);background:var(--green-soft);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:14px;place-items:center;font-size:10px;font-weight:800;display:grid}.workspace{z-index:1;min-width:0;height:100dvh;padding:0 24px 32px;position:relative;overflow-y:auto}.app-topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050807d6;justify-content:space-between;align-items:center;height:62px;display:flex;position:sticky;top:0}.tabs{align-items:center;gap:6px;height:100%;display:flex;overflow-x:auto}.tabs a{min-height:38px;color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:999px;place-items:center;padding:0 15px;font-size:14px;font-weight:800;display:grid}.tabs a.active{color:var(--text-primary);background:linear-gradient(135deg,#82a8ff2e,#35f19a12);border-color:#82a8ff73}.top-icons{align-items:center;gap:8px;display:flex}.top-icons button,.avatar{border:1px solid var(--line);min-width:38px;height:38px;color:var(--text-secondary);font-family:var(--mono);background:#ffffff09;border-radius:12px;place-items:center;font-size:10px;font-weight:800;display:grid}.avatar{color:#04100a;background:linear-gradient(135deg, var(--green), #9fffd0)}.hero-row{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:18px;padding:28px 0 20px;display:grid}.hero-row h1{max-width:980px;color:var(--text-primary);letter-spacing:-.075em;margin:0 0 11px;font-size:clamp(36px,4vw,72px);font-weight:900;line-height:.9}.mode-row{flex-wrap:wrap;gap:8px;display:flex}.mini-pill{border:1px solid var(--line);min-height:28px;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff09;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.mini-pill:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.mini-pill.paper{color:var(--blue);background:var(--blue-soft)}.mini-pill.armed{color:var(--green);background:var(--green-soft)}.readonly-panel{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-secondary);box-shadow:var(--shadow);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff0b,#ffffff05),#080c0ae0;grid-template-columns:1fr auto;gap:6px 12px;padding:16px;font-size:10px;display:grid}.readonly-panel b{color:var(--green)}.readonly-panel small{color:var(--text-faint);grid-column:1/-1}.dashboard-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.main-column,.right-rail,.route-page{gap:16px;display:grid}.metrics-grid{grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff0e,#ffffff03),linear-gradient(#0f1611f7,#070b09fa);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:.72;background:radial-gradient(circle at 12% 0,#35f19a14,#0000 28%),radial-gradient(circle at 94% 0,#82a8ff14,#0000 24%);position:absolute;inset:0}.spot-card,.band-card,.capital-card,.active-position,.ledger-card,.journal-card,.oi-filter-card,.oi-chart-card,.right-rail .card{padding:18px}.label{z-index:1;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800;position:relative}.spot-card>strong{z-index:1;color:var(--text-primary);font-family:var(--mono);letter-spacing:-.08em;margin:10px 0 14px;font-size:clamp(42px,4.4vw,64px);font-weight:700;line-height:.92;display:block;position:relative}.two-stat,.position-grid,.risk-grid,.ledger-summary,.oi-stat-grid{z-index:1;gap:10px;display:grid;position:relative}.two-stat,.risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.position-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ledger-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin:15px 0}.oi-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-stat span,.position-grid span,.risk-grid span,.ledger-summary span,.oi-stat-grid span{color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#0003;border:1px solid #d0f2de1a;border-radius:14px;gap:6px;padding:12px;font-size:10px;font-weight:800;display:grid}.two-stat b,.position-grid b,.risk-grid b,.ledger-summary b,.oi-stat-grid b{color:var(--text-primary);letter-spacing:0;text-transform:none;font-size:15px}.level-row{z-index:1;border-bottom:1px solid var(--line);grid-template-columns:7px 1fr auto auto;align-items:center;gap:14px;min-height:74px;display:grid;position:relative}.level-row:last-child{border-bottom:0}.level-row:before{content:"";border-radius:999px;width:7px;height:42px}.level-row.high:before{background:var(--red);box-shadow:0 0 22px var(--red-soft)}.level-row.low:before{background:var(--green);box-shadow:0 0 22px var(--green-soft)}.level-row span{color:var(--text-secondary);font-weight:800}.level-row b{color:var(--text-primary);font-family:var(--mono);letter-spacing:-.07em;font-size:29px;line-height:1}.level-row em{color:var(--text-faint);font-size:24px;font-style:normal}.capital-card{grid-template-columns:1fr auto;gap:13px;display:grid}.capital-card strong{color:var(--text-primary);font-family:var(--mono);letter-spacing:-.08em;font-size:clamp(32px,4vw,52px);line-height:1}.capital-card span{color:var(--text-secondary);font-family:var(--mono)}.capital-card>b{color:var(--blue);font-family:var(--mono);font-size:16px}.capital-track{z-index:1;background:#ffffff12;border-radius:999px;grid-column:1/-1;height:9px;position:relative;overflow:hidden}.capital-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%;display:block}.capital-breakdown{z-index:1;color:var(--text-secondary);font-family:var(--mono);grid-column:1/-1;justify-content:space-between;gap:12px;font-size:12px;display:flex;position:relative}.active-position{border-color:#82a8ff3d;min-height:220px}.active-position.live{box-shadow:0 0 0 1px #35f19a17, var(--shadow);border-color:#35f19a7a}.position-header,.card-title-row,.oi-chart-head{z-index:1;justify-content:space-between;align-items:start;gap:14px;display:flex;position:relative}.position-header span{color:var(--green);font-family:var(--mono);font-size:18px;font-weight:900}.active-position h2{z-index:1;color:var(--text-primary);font-family:var(--mono);letter-spacing:-.08em;margin:9px 0 14px;font-size:56px;line-height:.9;position:relative}.position-pnl{z-index:1;color:var(--text-secondary);font-family:var(--mono);justify-content:space-between;gap:20px;margin:14px 0 10px;display:flex;position:relative}.position-pnl strong{justify-items:end;gap:3px;font-size:26px;line-height:1;display:grid}.position-pnl small{font-size:12px}.empty-position{z-index:1;text-align:center;align-content:center;place-items:center;min-height:190px;display:grid;position:relative}.empty-icon{border:1px solid var(--line);width:46px;height:46px;color:var(--text-faint);background:#ffffff09;border-radius:999px;place-items:center;display:grid}.empty-position h2,.card-title-row h2,.capital-rules-card h2,.oi-chart-head h2{color:var(--text-primary);letter-spacing:-.04em;margin:6px 0 0;font-size:24px;line-height:1.05}.empty-position p{max-width:560px;color:var(--text-secondary)}.rail-dot,.status-light{background:var(--blue);width:10px;height:10px;box-shadow:0 0 22px var(--blue);border-radius:999px}.status-light{background:var(--green);box-shadow:0 0 22px var(--green)}.runtime-list{z-index:1;gap:11px;margin-top:14px;display:grid;position:relative}.runtime-list span{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:13px;font-weight:800;display:flex}.runtime-list b{color:var(--green);font-family:var(--mono);text-align:right;text-transform:uppercase;font-size:11px}.runtime-list .token-renewing,.runtime-list .token-renewed{color:var(--blue)}.runtime-list .token-expired,.runtime-list .token-error{color:var(--red)}.volume-card strong{z-index:1;color:var(--text-primary);font-family:var(--mono);margin:16px 0 14px;font-size:30px;display:block;position:relative}.bars{z-index:1;align-items:end;gap:8px;height:72px;display:flex;position:relative}.bars i{background:#ffffff12;border-radius:7px 7px 0 0;flex:1;height:26%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:34%}.bars i.on{background:var(--blue);height:70%}.bars i.tall{background:var(--green);height:92%}.bars i.mid{height:76%}.ledger-toolbar{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:relative}.ledger-toolbar label{color:var(--text-secondary);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.ledger-toolbar input,.oi-controls input{border:1px solid var(--line);min-height:40px;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--mono);background:#00000057;border-radius:12px;padding:0 12px}.table-toggle,.ghost-chip{border:1px solid var(--line);min-height:40px;color:var(--blue);background:var(--blue-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:12px;padding:0 13px;font-size:11px;font-weight:900}.ghost-chip{color:var(--green);background:var(--green-soft)}.table-toggle:disabled{opacity:.45}.trade-table{z-index:1;gap:9px;display:grid;position:relative}.trade-shell{background:#0000003d;border:1px solid #d0f2de1a;border-radius:16px;overflow:hidden}.trade-row{width:100%;color:inherit;text-align:left;background:0 0;grid-template-columns:1.1fr 1.22fr .8fr .82fr;align-items:center;gap:12px;padding:13px 14px;display:grid}.trade-row:hover,.trade-shell.expanded .trade-row{background:#f3b15d14}.trade-row span,.trade-row strong,.trade-detail span{color:var(--text-secondary);font-family:var(--mono);font-size:12px}.trade-row b,.trade-row strong{color:var(--text-primary);font-size:14px;display:block}.trade-row small{color:var(--text-faint);margin-top:3px;display:block}.trade-detail{border-top:1px solid var(--line);background:#0000004d;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.trade-detail span{gap:5px;line-height:1.55;display:grid}.trade-detail b{color:var(--text-primary);letter-spacing:.13em;text-transform:uppercase;font-size:11px}.log-list{z-index:1;gap:10px;max-height:620px;margin-top:14px;padding-right:4px;display:grid;position:relative;overflow:auto}.log-item{border:1px solid var(--line);background:#0000003b;border-radius:16px;padding:13px}.log-item div{color:var(--text-secondary);font-family:var(--mono);justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px;display:flex}.log-item b{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.log-item p{color:var(--text-secondary)}.event-error{background:var(--red-soft);border-color:#ff5c7357}.event-trade{background:var(--green-soft);border-color:#35f19a4d}.event-warn{background:var(--amber-soft);border-color:#f3b15d52}.option-chain-route{gap:16px;display:grid}.oi-controls{z-index:1;grid-template-columns:minmax(190px,280px) auto auto auto;align-items:end;gap:10px;margin-top:16px;display:grid;position:relative}.oi-controls label{color:var(--text-secondary);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.active-filters{z-index:1;color:var(--text-secondary);font-family:var(--mono);flex-wrap:wrap;gap:9px;margin-top:15px;font-size:11px;display:flex;position:relative}.filter-chip,.active-filters>span{border:1px solid var(--line);min-height:36px;color:var(--text-primary);background:#00000042;border-radius:999px;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.filter-chip small{width:22px;height:22px;color:var(--text-primary);background:#ffffff14;border-radius:999px;place-items:center;display:grid}.oi-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.oi-chart-card{min-width:0}.oi-chart-head{align-items:start}.ce-dot-label,.pe-dot-label{background:var(--red);border-radius:999px;width:10px;height:10px;margin:0 4px;display:inline-block}.pe-dot-label{background:var(--green)}.oi-chart-wrap{z-index:1;margin-top:18px;position:relative;overflow-x:auto}.oi-chart{width:100%;min-width:520px;height:auto;font-family:var(--mono)}.oi-chart line{stroke:#d0f2de1f;stroke-dasharray:6 8}.oi-chart .axis{stroke-dasharray:0;stroke:#d0f2de38}.oi-chart text{fill:var(--text-secondary);font-size:14px}.ce-line,.pe-line{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.ce-line{stroke:var(--red)}.pe-line{stroke:var(--green)}.ce-dot,.ce-dot-label{fill:var(--red)}.pe-dot,.pe-dot-label{fill:var(--green)}.hover-line{stroke:#eef5ec57!important;stroke-dasharray:6 7!important}.oi-tooltip rect{fill:#0a0f0df5;stroke:var(--line-strong)}.oi-tooltip .tooltip-time{fill:var(--text-primary)}.oi-tooltip .tooltip-ce{fill:var(--red)}.oi-tooltip .tooltip-pe{fill:var(--green)}.oi-empty{z-index:1;border:1px dashed var(--line);min-height:240px;color:var(--text-secondary);text-align:center;border-radius:16px;place-items:center;display:grid;position:relative}.risk-page-grid,.capital-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.capital-route-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr)}.capital-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.error-banner{z-index:40;max-width:520px;color:var(--text-primary);box-shadow:var(--shadow);background:#240a0ef0;border:1px solid #ff5c735c;border-radius:16px;padding:14px 16px;position:fixed;bottom:20px;right:20px}.error-banner.compact{margin-top:12px;position:relative;inset:auto}.load-state{border:1px solid var(--line);width:min(880px,100vw - 36px);min-height:520px;box-shadow:var(--shadow);background:radial-gradient(circle at 80% 0,#82a8ff2b,#0000 30%),linear-gradient(145deg,#ffffff0d,#ffffff04),#090e0cf2;border-radius:28px;align-content:center;place-self:center;gap:16px;padding:clamp(28px,6vw,68px);display:grid}.pulse-dot{background:var(--green);width:14px;height:14px;box-shadow:0 0 28px var(--green);border-radius:999px}.load-state h1{max-width:780px;color:var(--text-primary);letter-spacing:-.07em;font-size:clamp(36px,5vw,72px);line-height:.95}.load-state p,.load-state small{max-width:720px;color:var(--text-secondary);font-size:18px}.market-state-badge{width:fit-content;color:var(--amber);background:var(--amber-soft);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900}.market-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.market-schedule-grid span{border:1px solid var(--line);color:var(--text-faint);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#ffffff09;border-radius:16px;gap:8px;padding:16px;font-size:10px;font-weight:900;display:grid}.market-schedule-grid b{color:var(--text-primary);font-family:var(--sans);letter-spacing:-.03em;text-transform:none;font-size:20px}@media (width<=1180px){.app-frame{grid-template-columns:86px minmax(0,1fr)}.logo-block,.view-only-badge{min-height:54px;padding:8px}.logo-block strong,.logo-block span,.view-only-badge,.side-link,.side-link small{font-size:0}.side-link{justify-content:center;padding:0}.side-link:before{width:11px;height:11px}.side-link.room:after{right:50%;transform:translate(50%,-50%)}.dashboard-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.app-frame{display:block}.sidebar{display:none}.workspace{height:auto;padding:0 10px 18px}.app-topbar{gap:6px;height:48px}.tabs{gap:3px}.tabs a{min-height:32px;padding:0 10px;font-size:12px}.top-icons button{display:none}.avatar{min-width:34px;height:34px}.hero-row,.metrics-grid,.right-rail,.risk-page-grid,.capital-route-grid,.oi-controls,.oi-chart-grid{grid-template-columns:1fr}.hero-row{padding:16px 0 12px}.hero-row h1{font-size:34px}.readonly-panel{min-width:0}.spot-card,.band-card,.capital-card,.active-position,.ledger-card,.journal-card,.oi-filter-card,.oi-chart-card,.right-rail .card{padding:13px}.spot-card>strong{font-size:42px}.position-grid,.trade-row,.ledger-summary,.risk-grid,.oi-stat-grid,.capital-rule-grid,.market-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-detail{grid-template-columns:1fr}.active-position{min-height:0}.active-position h2{font-size:42px}.level-row{min-height:64px}.level-row b{font-size:24px}.log-list{max-height:none}}@media (width<=430px){.tabs a{padding:0 8px}.hero-row h1{font-size:30px}.spot-card>strong{font-size:38px}.level-row{grid-template-columns:7px 1fr auto}.level-row em{display:none}.trade-row{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}