:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--border: #30363d;--accent: #58a6ff;--accent-hover: #79c0ff;--success: #3fb950;--danger: #f85149;--warning: #d29922}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);margin-bottom:1.5rem}.header h1{font-size:1.25rem;font-weight:600}button{cursor:pointer;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;font-weight:500;transition:background-color .15s}button.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background-color:var(--accent-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}button.secondary:hover{background-color:var(--border)}input,textarea{width:100%;padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.875rem;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff26}textarea{min-height:120px;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-form{background-color:var(--bg-secondary);padding:2rem;border-radius:8px;border:1px solid var(--border);width:100%;max-width:360px}.login-form h2{margin-bottom:1.5rem;text-align:center}.login-form .field{margin-bottom:1rem}.login-form button{width:100%;margin-top:.5rem}.signal-form{background-color:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border);margin-bottom:1.5rem}.signal-form h3{margin-bottom:.75rem;font-size:1rem}.signal-form button{margin-top:.75rem}.feedback{margin-top:.75rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem}.feedback.success{background-color:#3fb9501a;border:1px solid var(--success);color:var(--success)}.feedback.error{background-color:#f851491a;border:1px solid var(--danger);color:var(--danger)}.trade-table-wrapper{overflow-x:auto}.trade-table-wrapper h3{margin-bottom:.75rem;font-size:1rem}table{width:100%;border-collapse:collapse;font-size:.8125rem}thead{background-color:var(--bg-secondary)}th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:600;white-space:nowrap}td{padding:.5rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}tr:hover{background-color:var(--bg-secondary)}.status{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.status.submitted{background-color:var(--bg-tertiary);color:var(--text-secondary)}.status.filled{background-color:#3fb95026;color:var(--success)}.status.closed{background-color:#58a6ff26;color:var(--accent)}.status.cancelled{background-color:#f8514926;color:var(--danger)}.header-controls{display:flex;align-items:center;gap:1rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.connected{background-color:var(--success);box-shadow:0 0 4px var(--success)}.status-dot.disconnected{background-color:var(--danger);box-shadow:0 0 4px var(--danger)}.status-label{color:var(--text-secondary)}.reconnect-btn{padding:.25rem .75rem;font-size:.75rem;background-color:var(--warning);color:#000;border-color:var(--warning);border-radius:4px}.reconnect-btn:hover{opacity:.9}.reconnect-btn:disabled{opacity:.5;cursor:not-allowed}.reconnect-msg{font-size:.75rem}.reconnect-msg.success{color:var(--success)}.reconnect-msg.error{color:var(--danger)}.feedback.warning{background-color:#d299221a;border:1px solid var(--warning);color:var(--warning)}.feedback .reconnect-link{color:var(--warning);text-decoration:underline;cursor:pointer;background:none;border:none;font-size:inherit;padding:0}