:root{--bg-0: #0e0f10;--bg-1: #141618;--bg-2: #191c1f;--bg-3: #23272c;--line: #2e3338;--line-soft: #23272c;--t-0: #e9e6df;--t-1: #a8a59d;--t-2: #6c6a64;--amber: #ffb020;--ok: #7ed3a0;--err: #e26a6a;--info: #7aa8d8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--t-0);font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--bg-2);padding:6px 9px;cursor:pointer}button:hover{border-color:var(--amber)}button:disabled{opacity:.5;cursor:not-allowed}.login-screen{height:100%;display:grid;place-items:center}.login-panel{width:min(330px,calc(100vw - 28px));display:grid;gap:9px}.brand{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.sub{color:var(--t-2);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}.input{background:var(--bg-1);border:1px solid var(--line);outline:0;padding:8px 10px;min-width:0}.input:focus{border-color:var(--amber)}.input.compact{width:160px;padding:6px 9px}.input.small{width:118px;padding:5px 7px}.input.tiny{width:72px;padding:5px 7px}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1a1108;font-weight:700}.app{height:100%;min-width:0;display:flex;flex-direction:column}.topbar{height:38px;flex:0 0 auto;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--bg-1);padding:0 10px}.tabs{display:flex;gap:4px;min-width:0;overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:var(--t-1);white-space:nowrap}.tab.active{color:var(--amber);border-color:var(--amber)}.spacer{flex:1}.user-pill{display:inline-flex;gap:5px;align-items:center;color:var(--t-1);white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:28px}.page{flex:1;min-height:0;display:flex;flex-direction:column}.page.split{flex-direction:row}.main-panel{min-width:0;flex:1;display:flex;flex-direction:column}.side-panel{width:320px;flex:0 0 320px;border-left:1px solid var(--line);background:var(--bg-1);padding:10px;overflow:auto}.side-panel h2{margin:0 0 10px;color:var(--t-2);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.toolbar{min-height:39px;flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid var(--line-soft);background:var(--bg-0)}.check{display:inline-flex;align-items:center;gap:5px;color:var(--t-1)}.table-wrap{min-height:0;overflow:auto;flex:1}.table{width:100%;border-collapse:collapse;table-layout:auto}.table th{position:sticky;top:0;z-index:1;background:var(--bg-1);border-bottom:1px solid var(--line);color:var(--t-2);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:6px}.table td{border-bottom:1px solid var(--line-soft);padding:5px 6px;vertical-align:middle}.table tr:hover td{background:var(--bg-1)}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{color:var(--t-0);font-weight:600}.muted{color:var(--t-2)}.ok{color:var(--ok)}.err{color:var(--err)}.warning{color:var(--amber)}.side.buy{color:var(--ok)}.side.sell{color:var(--err)}.type-dot{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid var(--line);color:var(--t-1);text-transform:uppercase}.type-dot.robot{border-color:#7ed3a066;color:var(--ok)}.type-dot.iceberg{border-color:#7aa8d873;color:var(--info)}.metrics-cell{min-width:210px}.metric{display:inline-flex;margin:0 7px 2px 0;color:var(--t-1);font-variant-numeric:tabular-nums}.metric.ok{color:var(--ok)}.metric.warning{color:var(--amber)}.metric.danger{color:var(--err)}.status{color:var(--t-1)}.status.active{color:var(--ok)}.status.stopped{color:var(--t-2)}.subcell{color:var(--t-2);font-size:10.5px;margin-top:1px}.recipient-form{display:grid;gap:7px;margin-bottom:12px}.recipient-list{display:grid;gap:6px}.recipient{border:1px solid var(--line-soft);background:var(--bg-0);padding:8px;display:flex;gap:8px;justify-content:space-between}.actions{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center}@media(max-width:760px){.topbar{gap:5px}.brand{letter-spacing:.1em}.tab span,.hide-sm{display:none}.page.split{flex-direction:column}.side-panel{width:auto;flex:0 0 auto;border-left:0;border-top:1px solid var(--line);max-height:40vh}.metrics-cell{min-width:140px}.metric:nth-child(n+4){display:none}.input.compact{width:120px}}
