:root{--bg-0: #07090a;--bg-1: #0a0d0e;--bg-2: #11161a;--bg-3: #1a2127;--line: #1d262d;--line-bright: #2d3a44;--ink-0: #d6dde2;--ink-1: #8fa0aa;--ink-2: #58666f;--ink-3: #38444c;--phos: #5cffa1;--phos-dim: #2c8c5a;--amber: #ffb84a;--amber-dim: #8c5f1f;--red: #ff5468;--red-dim: #8c2030;--cyan: #5fd0ff;--cyan-dim: #2a708c;--mag: #d76aff;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;--font-display: "Major Mono Display", "JetBrains Mono", monospace;--r-2: 2px;--r-4: 4px;--shadow-glow: 0 0 0 1px var(--line-bright), 0 0 24px -8px rgba(92, 255, 161, .15)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--ink-0);font-family:var(--font-mono);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);opacity:.7}#root{position:relative;z-index:1}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--phos-dim);color:var(--bg-0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--line-bright)}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--bg-1);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-family:var(--font-display);font-size:15px;letter-spacing:.18em;color:var(--phos);text-shadow:0 0 12px rgba(92,255,161,.25)}.brand .slash{color:var(--ink-2);margin:0 8px}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--ink-1);text-transform:uppercase;letter-spacing:.12em}.btn-logout{background:transparent;border:1px solid var(--line-bright);color:var(--ink-1);padding:4px 10px;cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.btn-logout:hover{color:var(--ink-0);border-color:var(--ink-1)}main.dashboard{padding:18px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:14px;max-width:1800px;width:100%;margin:0 auto}main.dashboard>.grid-status{grid-column:1 / -1}main.dashboard>.grid-feed{grid-column:1 / 2;grid-row:2 / 5}main.dashboard>.grid-pending{grid-column:2 / 3;grid-row:2 / 3}main.dashboard>.grid-trades{grid-column:2 / 3;grid-row:3 / 4}main.dashboard>.grid-actions{grid-column:2 / 3;grid-row:4 / 5}main.dashboard>.grid-settings{grid-column:1 / -1}@media (max-width: 1100px){main.dashboard{grid-template-columns:1fr}main.dashboard>.grid-feed,main.dashboard>.grid-pending,main.dashboard>.grid-trades,main.dashboard>.grid-actions{grid-column:1 / -1;grid-row:auto}}.panel{background:var(--bg-1);border:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.panel-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-1);font-weight:500}.panel-title .accent{color:var(--phos)}.panel-tools{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--ink-2);letter-spacing:.08em}.panel-body{padding:0;overflow:auto;min-height:0}.panel-body.padded{padding:12px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--bg-1);padding:10px 14px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.stat-value{font-size:22px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink-0)}.stat-value.pos{color:var(--phos)}.stat-value.neg{color:var(--red)}.stat-value.warn{color:var(--amber)}.stat-value.muted{color:var(--ink-2)}.stat-value.tiny{font-size:13px;font-weight:400;letter-spacing:.05em}.stat-sub{font-size:10px;color:var(--ink-2);letter-spacing:.06em}.mode-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid;background:var(--bg-1);font-family:var(--font-display);letter-spacing:.14em;font-size:12px;text-transform:uppercase}.mode-banner.dry{border-color:var(--cyan-dim);color:var(--cyan)}.mode-banner.live{border-color:var(--phos-dim);color:var(--phos)}.mode-banner.killed{border-color:var(--red);color:var(--red);animation:pulse-red 1.4s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ff546800}50%{box-shadow:0 0 0 4px #ff54682e}}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--ink-3)}.dot.live{background:var(--phos);box-shadow:0 0 8px #5cffa1cc;animation:pulse-dot 2s ease-in-out infinite}.dot.warn{background:var(--amber)}.dot.danger{background:var(--red);animation:pulse-dot 1s ease-in-out infinite}.dot.dim{background:var(--ink-3)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.tbl{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:7px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}.tbl th{position:sticky;top:0;background:var(--bg-1);z-index:1;font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);padding-top:9px;padding-bottom:9px}.tbl tr:hover td{background:var(--bg-2)}.tbl td.num{text-align:right}.tbl td.wrap{white-space:normal;max-width:480px}.tbl-empty{padding:28px;text-align:center;color:var(--ink-2);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.pill{display:inline-block;padding:1px 7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-bright);color:var(--ink-1);border-radius:var(--r-2);background:transparent}.pill.cat-NEW_ENTRY{color:var(--phos);border-color:var(--phos-dim)}.pill.cat-CANCEL_ENTRY{color:var(--amber);border-color:var(--amber-dim)}.pill.cat-EXIT,.pill.cat-STOP_LOSS{color:var(--red);border-color:var(--red-dim)}.pill.cat-TAKE_PROFIT{color:var(--phos);border-color:var(--phos-dim)}.pill.cat-STOP_UPDATE{color:var(--cyan);border-color:var(--cyan-dim)}.pill.cat-ADD_TO_POSITION{color:var(--mag);border-color:#6c2d8c}.pill.cat-COMMENTARY{color:var(--ink-2);border-color:var(--line-bright)}.pill.status-EXECUTED{color:var(--phos);border-color:var(--phos-dim)}.pill.status-DRY_RUN{color:var(--cyan);border-color:var(--cyan-dim)}.pill.status-PENDING_APPROVAL{color:var(--amber);border-color:var(--amber-dim)}.pill.status-SKIPPED{color:var(--ink-2)}.pill.status-ERROR,.pill.status-DENIED{color:var(--red);border-color:var(--red-dim)}.pill.side-LONG{color:var(--phos);border-color:var(--phos-dim)}.pill.side-SHORT{color:var(--red);border-color:var(--red-dim)}.pill.state-OPEN,.pill.state-PARTIAL_TP,.pill.state-STOP_UPDATED{color:var(--phos);border-color:var(--phos-dim)}.pill.state-PENDING_ENTRY{color:var(--amber);border-color:var(--amber-dim)}.pill.state-CLOSED,.pill.state-CANCELLED{color:var(--ink-2)}.btn{background:var(--bg-3);border:1px solid var(--line-bright);color:var(--ink-0);padding:7px 14px;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:all 80ms ease;border-radius:var(--r-2)}.btn:hover:not(:disabled){border-color:var(--ink-1);background:var(--bg-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:var(--phos);border-color:var(--phos-dim)}.btn.primary:hover:not(:disabled){background:#5cffa112;border-color:var(--phos)}.btn.danger{color:var(--red);border-color:var(--red-dim)}.btn.danger:hover:not(:disabled){background:#ff546812;border-color:var(--red)}.btn.warn{color:var(--amber);border-color:var(--amber-dim)}.btn.ghost{background:transparent}.btn.tiny{padding:3px 9px;font-size:10px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.field input[type=text],.field input[type=password],.field input[type=number]{background:var(--bg-0);border:1px solid var(--line-bright);padding:8px 10px;color:var(--ink-0);outline:none;font-variant-numeric:tabular-nums;border-radius:var(--r-2)}.field input:focus{border-color:var(--phos-dim);box-shadow:0 0 0 1px var(--phos-dim)}.toggle{--w: 36px;--h: 18px;position:relative;width:var(--w);height:var(--h);background:var(--bg-3);border:1px solid var(--line-bright);border-radius:999px;cursor:pointer;transition:all .12s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:calc(var(--h) - 4px);height:calc(var(--h) - 4px);background:var(--ink-2);border-radius:50%;transition:all .12s ease}.toggle.on{background:#5cffa11f;border-color:var(--phos-dim)}.toggle.on:after{left:calc(var(--w) - var(--h) + 1px);background:var(--phos);box-shadow:0 0 6px #5cffa199}.toggle.danger.on{background:#ff54681f;border-color:var(--red-dim)}.toggle.danger.on:after{background:var(--red);box-shadow:0 0 6px #ff546899}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,rgba(92,255,161,.04) 0%,transparent 60%),var(--bg-0)}.login-card{width:min(380px,calc(100vw - 32px));background:var(--bg-1);border:1px solid var(--line-bright);padding:28px 26px;box-shadow:var(--shadow-glow);border-radius:var(--r-4)}.login-card .brand{font-size:18px;margin-bottom:4px}.login-sub{color:var(--ink-2);font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}.login-card form{display:flex;flex-direction:column;gap:14px}.login-error{background:#ff546812;border:1px solid var(--red-dim);color:var(--red);padding:7px 10px;font-size:11px;letter-spacing:.05em}.login-foot{margin-top:18px;font-size:10px;color:var(--ink-3);letter-spacing:.14em;text-align:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line)}.settings-grid>.cell{background:var(--bg-1);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px}.cell .label-block{display:flex;flex-direction:column;gap:2px}.cell .label-block .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.cell .label-block .h{font-size:13px;color:var(--ink-0);font-variant-numeric:tabular-nums}.cell input[type=number]{width:100px;text-align:right;background:var(--bg-0);border:1px solid var(--line-bright);color:var(--ink-0);padding:5px 8px;border-radius:var(--r-2);font-variant-numeric:tabular-nums}.pending-card{border-bottom:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px}.pending-card:last-child{border-bottom:none}.pending-card .raw{font-size:12px;color:var(--ink-0);white-space:pre-wrap;word-break:break-word;background:var(--bg-0);border-left:2px solid var(--phos-dim);padding:8px 10px}.pending-card .meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--ink-1);letter-spacing:.04em}.pending-card .meta .k{color:var(--ink-2);margin-right:4px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.pending-card .actions{display:flex;gap:8px;margin-top:4px}.feed-row td.msg{white-space:normal;font-size:12px;color:var(--ink-0);line-height:1.5;max-width:420px}.feed-row td.msg .conf{display:block;margin-top:3px;font-size:10px;color:var(--ink-2);letter-spacing:.08em}.kill-zone{display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid var(--line-bright);background:var(--bg-1);margin-left:auto}.kill-zone.on{border-color:var(--red);background:#ff54680d}.kill-zone .kill-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.kill-zone.on .kill-label{color:var(--red)}.kill-btn{background:var(--bg-3);border:1px solid var(--red-dim);color:var(--red);padding:6px 14px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--r-2)}.kill-btn:hover{background:#ff54681a;border-color:var(--red)}.kill-btn.armed{background:var(--red);color:var(--bg-0);border-color:var(--red);animation:pulse-red 1.2s ease-in-out infinite}.muted{color:var(--ink-2)}.tiny{font-size:11px}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.mono-num{font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--bg-1);border:1px solid var(--line-bright);border-left:3px solid var(--phos);padding:10px 14px;font-size:12px;min-width:240px;box-shadow:0 6px 20px #00000080;animation:toast-in .18s ease}.toast.err{border-left-color:var(--red)}.toast.warn{border-left-color:var(--amber)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}