:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#14181f;color:#e8eaed}.loading,.login-page{display:grid;place-items:center;height:100%}.login-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:32px;border:1px solid #2b3240;border-radius:10px;background:#1b212b}.login-card h1{margin:0;font-size:22px}.login-subtitle{margin:0 0 8px;color:#9aa3b2;font-size:13px}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#9aa3b2}.login-card input{padding:8px 10px;border:1px solid #2b3240;border-radius:6px;background:#12161d;color:#e8eaed;font-size:14px}.login-card button{margin-top:6px;padding:9px;border:none;border-radius:6px;background:#2f6fed;color:#fff;font-size:14px;cursor:pointer}.login-card button:disabled{opacity:.6}.login-error{color:#ff6b6b;font-size:13px}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid #2b3240;background:#1b212b}.app-header h1{margin:0;font-size:18px}.app-header .spacer{flex:1}.signout{padding:6px 12px;border:1px solid #2b3240;border-radius:6px;background:transparent;color:#e8eaed;cursor:pointer}.tabs{display:flex;gap:4px}.tab{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:#9aa3b2;font-size:14px;cursor:pointer}.tab:hover{color:#e8eaed}.tab-active{background:#2b3240;color:#e8eaed}.tab-pane{flex:1;min-height:0;display:flex;flex-direction:column}.tab-pane.hidden{display:none}.blotter-page{display:flex;flex-direction:column;height:100%}.blotter-toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#171c25;border-bottom:1px solid #2b3240}.blotter-toolbar .spacer{flex:1}.quick-search{width:340px;padding:7px 12px;border:1px solid #2b3240;border-radius:6px;background:#12161d;color:#e8eaed;font-size:13px}.quick-search:focus{outline:none;border-color:#2f6fed}.stream-status{font-size:13px}.stream-live{color:#4ade80}.stream-connecting{color:#fbbf24}.stream-disconnected{color:#ff6b6b}.trade-count,.user{font-size:13px;color:#9aa3b2}.grid-container{flex:1;min-height:0}.grid-container>div{height:100%}.side-buy{color:#4ade80;font-weight:600}.side-sell{color:#ff6b6b;font-weight:600}.page{padding:20px 24px;overflow-y:auto}.page-heading{display:flex;align-items:baseline;gap:16px}.page h2{margin:0 0 4px;font-size:20px}.muted{color:#9aa3b2;font-size:13px}.mono{font-family:ui-monospace,Cascadia Mono,JetBrains Mono,Consolas,monospace;font-size:12.5px}.data-table{border-collapse:collapse;width:100%;max-width:1100px;margin-top:12px;font-size:13.5px}.data-table th{text-align:left;color:#9aa3b2;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid #2b3240}.data-table td{padding:8px 12px;border-bottom:1px solid #222835}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.03em}.pill-up{background:#4ade8026;color:#4ade80}.pill-down{background:#ff6b6b26;color:#ff6b6b}.pill-required{background:#2f6fed2e;color:#7fa7f5}.pill-optional{background:#9aa3b21f;color:#9aa3b2}.notice{margin-top:14px;padding:10px 14px;border-radius:8px;font-size:13.5px}.notice-error{background:#ff6b6b1f;color:#ff9b9b;border:1px solid rgba(255,107,107,.3)}.spec-description{max-width:760px;font-size:14px;line-height:1.5;color:#c6ccd6}.spec-message{margin-top:26px}.spec-message h3{margin:0 0 4px;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:1px 8px;border-radius:5px;background:#232a37;color:#c6ccd6;font-size:12px;font-family:ui-monospace,Consolas,monospace}.button-link{padding:6px 12px;border:1px solid #2f6fed;border-radius:6px;color:#7fa7f5;text-decoration:none;font-size:13px}.button-link:hover{background:#2f6fed1f}.role-badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:#2f6fed2e;color:#7fa7f5;font-size:10.5px;font-weight:700;text-transform:uppercase}.pill-warn{background:#fbbf2426;color:#fbbf24}.add-connection{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin:16px 0 4px;padding:14px 16px;border:1px solid #2b3240;border-radius:8px;background:#1b212b}.add-connection label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9aa3b2}.add-connection input,.add-connection select{padding:7px 10px;border:1px solid #2b3240;border-radius:6px;background:#12161d;color:#e8eaed;font-size:13px;min-width:130px}.add-connection input:disabled{opacity:.6}.add-connection button{padding:8px 16px;border:none;border-radius:6px;background:#2f6fed;color:#fff;font-size:13px;cursor:pointer}.add-connection button:disabled{opacity:.5}.form-error{color:#ff6b6b;font-size:13px}.row-clickable{cursor:pointer}.row-clickable:hover td{background:#2f6fed0d}.danger-link{border:none;background:none;color:#ff6b6b;font-size:12.5px;cursor:pointer;padding:2px 6px}.danger-link:hover{text-decoration:underline}.violations-panel{margin-top:22px}.violations-panel h3{margin:0 0 6px;font-size:15px}.pos{color:#4ade80}.neg{color:#ff6b6b}.pos-bg{background:#4ade80}.neg-bg{background:#ff6b6b}.book-filter{font-size:13px;color:#9aa3b2}.book-filter select{margin-left:4px;padding:5px 8px;border:1px solid #2b3240;border-radius:6px;background:#12161d;color:#e8eaed;font-size:13px}.notice-warn{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.tiles{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.tile{min-width:190px;padding:14px 18px;border:1px solid #2b3240;border-radius:8px;background:#1b212b}.tile-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b2}.tile-value{margin-top:4px;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.tile-sub{margin-top:2px;font-size:12px;color:#9aa3b2}.dash-grid{display:grid;grid-template-columns:minmax(360px,3fr) minmax(280px,2fr);gap:16px;margin-bottom:8px}@media(max-width:980px){.dash-grid{grid-template-columns:1fr}}.dash-panel{margin-top:14px;padding:14px 16px;border:1px solid #2b3240;border-radius:8px;background:#1b212b}.dash-panel h3{margin:0 0 8px;font-size:14px;color:#c6ccd6}.dash-panel .data-table{max-width:none}.pnl-chart{width:100%;height:auto;display:block}.chart-empty{padding:30px 0}.chart-line{stroke:#7fa7f5;stroke-width:2}.chart-baseline{stroke:#2b3240;stroke-width:1}.chart-crosshair{stroke:#9aa3b2;stroke-width:1;stroke-dasharray:3 3}.chart-dot{fill:#7fa7f5;stroke:#1b212b;stroke-width:2}.chart-label{font-size:12px;font-weight:600;fill:#e8eaed}.chart-label.pos{fill:#4ade80}.chart-label.neg{fill:#ff6b6b}.chart-tooltip-bg{fill:#12161d;stroke:#2b3240}.chart-tooltip-text{font-size:11px;fill:#c6ccd6}.chart-tooltip-text.pos{fill:#4ade80}.chart-tooltip-text.neg{fill:#ff6b6b}.exposure{display:flex;flex-direction:column;gap:6px}.exposure-row{display:flex;align-items:center;gap:10px}.exposure-ccy{width:38px;color:#9aa3b2;font-size:12.5px}.exposure-track{position:relative;flex:1;height:14px}.exposure-zero{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#3a4356}.exposure-bar{position:absolute;top:1px;height:12px}.exposure-bar.right{left:50%;border-radius:0 4px 4px 0}.exposure-bar.left{right:50%;border-radius:4px 0 0 4px}.exposure-value{width:120px;text-align:right;font-size:12.5px}.row-breach td{background:#ff6b6b0f}.breach-pill{margin-left:8px}