:root{--bg-app: #070d1e;--bg-card: #0c152e;--bg-header: #0f1c3f;--bg-alt: #162244;--bg-subhead: #101c3b;--border-color: #1e3567;--border-subtle: #14244a;--text-main: #ffffff;--text-soft: #cbd5e1;--text-dim: #94a3b8;--text-muted: #64748b;--color-green: #22c55e;--color-aqua: #38bdf8;--color-blue: #60a5fa;--color-purple: #c084fc;--color-orange: #f59e0b;--color-red: #ef4444;--color-yellow: #eab308;--color-cyan-banner: #00e5ff}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-app);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.4;overflow-x:hidden;height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-app)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:8px}.header-left{display:flex;align-items:center;gap:10px}.app-badge{background:#2563eb;color:#fff;font-weight:800;font-size:11px;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.engine-title{font-weight:700;font-size:14px;color:var(--text-main);letter-spacing:.5px}.header-center{display:flex;align-items:center;gap:10px}.status-pill{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;background-color:#111e3b;border:1px solid var(--border-color)}.status-dot{width:7px;height:7px;border-radius:50%}.status-connected .status-dot{background-color:var(--color-green);box-shadow:0 0 6px var(--color-green)}.status-connected .status-text{color:var(--color-green)}.status-connecting .status-dot{background-color:var(--color-yellow)}.status-connecting .status-text{color:var(--color-yellow)}.status-disconnected .status-dot{background-color:var(--color-red)}.status-disconnected .status-text{color:var(--color-red)}.btn-resume-live{background:#0284c7;color:#fff;border:none;padding:3px 8px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:600}.header-right{display:flex;align-items:center;gap:8px}.timestamp-badge{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--text-dim)}.btn-nav{background:#1e293b;color:var(--text-soft);border:1px solid var(--border-color);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s ease}.btn-nav:hover{background:#334155;color:#fff}.dashboard-content{flex:1;display:flex;justify-content:center;padding:12px;overflow-y:auto}.table-wrapper{width:100%;max-width:680px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #00000080}.terminal-table{width:100%;border-collapse:collapse;font-size:12.5px}.terminal-table td{padding:5.5px 8px;border:1px solid var(--border-color);vertical-align:middle}.row-header td{background-color:#0b152d;font-size:13px}.row-subhead td{background-color:var(--bg-subhead);font-size:11.5px;font-weight:600}.row-data td{background-color:var(--bg-card)}.row-section td{background-color:var(--bg-alt)}.row-footer td{background-color:#0a1329}.cell-title,.cell-head{color:var(--text-main);font-weight:700;letter-spacing:.5px}.cell-subhead{color:var(--text-dim);text-align:center;font-weight:600}.cell-section-label{color:var(--text-main);font-weight:700}.cell-pair{color:var(--color-aqua);font-weight:600;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.cell-rate{font-weight:600;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.cell-blue{color:var(--color-blue)}.cell-purple{color:var(--color-purple)}.cell-orange{color:var(--color-orange)}.cell-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;text-align:center}.cell-center{text-align:center}.cell-bold{font-weight:700}.cell-dim{color:var(--text-dim)}.row-prediction-banner td{background-color:var(--color-cyan-banner)!important;color:#041a2e!important;font-weight:800;border-color:#00b4cc}.cell-prediction-label{color:#041a2e!important;font-weight:900;letter-spacing:.5px}.cell-prediction-value,.cell-prediction-score{text-align:center;color:#041a2e!important;font-size:13px;font-weight:800}.cell-prediction-conf,.cell-prediction-votes{text-align:center;color:#041a2e!important;font-weight:800}.cell-gold-label{color:var(--text-main);font-weight:700}.app-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;background-color:var(--bg-header);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background-color:#0e172e;border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #000000b3}.modal-content.config-modal{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:15px;font-weight:700;color:var(--text-main)}.btn-close{background:transparent;border:none;color:var(--text-dim);font-size:16px;cursor:pointer}.btn-close:hover{color:#fff}.modal-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#0a1124;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.range-buttons{display:flex;gap:4px}.btn-filter{background:#1e293b;color:var(--text-dim);border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:600}.btn-filter.active{background:#2563eb;color:#fff;border-color:#3b82f6}.custom-dates{display:flex;align-items:center;gap:6px;font-size:11px}.custom-dates input,.limit-box input{background:#1e293b;border:1px solid var(--border-color);color:#fff;padding:3px 6px;border-radius:4px;font-size:11px}.limit-box{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.btn-primary{background:#2563eb;color:#fff;border:none;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.history-table-container{flex:1;overflow-y:auto;padding:12px 16px}.history-table{width:100%;border-collapse:collapse;font-size:12px}.history-table th,.history-table td{padding:6px 8px;border:1px solid var(--border-color);text-align:left}.history-table th{background-color:var(--bg-subhead);color:var(--text-dim);font-weight:600}.btn-select{background:#0284c7;color:#fff;border:none;padding:2px 6px;border-radius:3px;font-size:11px;cursor:pointer}.config-body{padding:16px;overflow-y:auto}.config-section{margin-bottom:20px}.config-section h3{font-size:13px;color:var(--color-aqua);margin-bottom:10px;border-bottom:1px solid var(--border-subtle);padding-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.stat-card{background:#141f3d;border:1px solid var(--border-color);padding:10px;border-radius:6px}.stat-label{font-size:11px;color:var(--text-dim)}.stat-val{font-size:15px;font-weight:700;color:#fff;margin-top:2px}.db-path{font-size:11px;color:var(--text-dim);background:#111a33;padding:6px 10px;border-radius:4px;word-break:break-all}.weights-table{background:#141f3d;border:1px solid var(--border-color);border-radius:6px;padding:8px 12px}.weight-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-subtle);font-size:12px}.weight-row:last-child{border-bottom:none}.alert-error{background:#ef444433;border:1px solid #ef4444;color:#fca5a5;padding:8px 12px;margin:10px 16px;border-radius:4px;font-size:12px}