:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-panel: #1a1a1a;--border-color: #2a2a2a;--text-primary: #ff9800;--text-secondary: #888888;--text-label: #666666;--text-white: #ffffff;--positive: #00c853;--negative: #ff1744;--warning: #ffab00;--info: #00b0ff;--accent: #ff9800}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.4;overflow:hidden}.terminal-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.terminal-grid{display:grid;grid-template-columns:280px 1fr 320px;flex:1;gap:1px;background:var(--border-color);overflow:hidden}.terminal-header{grid-column:1 / -1;background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;padding:2px 12px;height:28px;min-height:28px;max-height:28px;border-bottom:1px solid var(--border-color)}.terminal-panel{background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.panel-header{background:var(--bg-secondary);padding:4px 8px;font-size:11px;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-content{flex:1;overflow-y:auto;padding:4px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;padding:4px 6px;color:var(--text-label);font-weight:400;text-transform:uppercase;font-size:10px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary)}.data-table th.right,.data-table td.right{text-align:right}.data-table th.center,.data-table td.center{text-align:center}.data-table td{padding:3px 6px;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table tr:hover{background:var(--bg-secondary)}.data-table tr.selected{background:#1a2a3a}.value{font-family:Consolas,monospace}.value.positive{color:var(--positive)}.value.negative{color:var(--negative)}.value.warning{color:var(--warning)}.value.info{color:var(--info)}.value.white{color:var(--text-white)}.value.muted{color:var(--text-secondary)}.value.accent{color:var(--accent)}.metric-row{display:flex;justify-content:space-between;padding:2px 6px;border-bottom:1px solid var(--border-color)}.metric-row:hover{background:var(--bg-secondary)}.metric-label{color:var(--text-label);font-size:10px;text-transform:uppercase}.metric-value{font-family:Consolas,monospace;color:var(--text-white)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.status-dot.active{background:var(--positive)}.status-dot.inactive{background:var(--text-secondary)}.status-dot.error{background:var(--negative)}.margin-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-top:2px}.margin-bar-fill{height:100%;transition:width .3s}.margin-bar-fill.safe{background:var(--positive)}.margin-bar-fill.caution{background:var(--warning)}.margin-bar-fill.danger{background:var(--negative)}.summary-row{display:flex;gap:1px;background:var(--border-color)}.summary-card{flex:1;background:var(--bg-primary);padding:8px 12px;text-align:center}.summary-card .label{font-size:9px;color:var(--text-label);text-transform:uppercase;margin-bottom:2px}.summary-card .value{font-size:16px;font-weight:700}.btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 12px;font-size:11px;cursor:pointer;font-family:inherit}.btn:hover{background:var(--bg-panel);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-panel);border:1px solid var(--border-color);padding:16px;min-width:400px}.modal-title{color:var(--text-white);font-size:14px;margin-bottom:16px;text-transform:uppercase}.form-group{margin-bottom:12px}.form-label{display:block;color:var(--text-label);font-size:10px;text-transform:uppercase;margin-bottom:4px}.form-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-white);padding:8px;font-family:inherit;font-size:12px}.form-input:focus{outline:none;border-color:var(--accent)}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.connection-status{display:flex;align-items:center;gap:6px;font-size:10px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.greeks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-color)}.greek-item{background:var(--bg-primary);padding:6px;text-align:center}.greek-item .label{font-size:9px;color:var(--text-label)}.greek-item .value{font-size:13px;color:var(--info)}.sub-panel{border:1px solid var(--border-color);margin-bottom:4px}.sub-panel-header{background:var(--bg-secondary);padding:3px 6px;font-size:10px;color:var(--text-secondary);text-transform:uppercase}.value.danger{color:var(--negative)}.value.caution{color:var(--warning)}.value.safe{color:var(--positive)}.metric-row.selected{background:#1a2a3a}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-dot-pulse{animation:pulse 1.5s infinite}.btn:disabled{opacity:.5;cursor:not-allowed}.data-table tr.selected td{background:#1a2a3a}.form-input:disabled{opacity:.5;cursor:not-allowed}
