:root{--bg-void:#0a0e14;--bg-panel:#10161f;--bg-panel-raised:#161d29;--bg-inset:#0d1219;--line:#232c3a;--line-bright:#34405370;--text-primary:#e8ecf1;--text-secondary:#8b96a8;--text-dim:#5a6578;--accent-teal:#2dd4bf;--accent-amber:#f5a524;--accent-red:#f5504a;--accent-blue:#4fa8f0;--risk-low:#2dd4bf;--risk-medium:#f5a524;--risk-high:#f5504a;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg-void);height:100%;color:var(--text-primary);font-family:var(--font-body);margin:0}body{background-image:radial-gradient(circle at 15% 0,#2dd4bf0d,#0000 45%),radial-gradient(circle at 85% 10%,#f5a5240a,#0000 40%)}::selection{background:var(--accent-teal);color:#06120f}a{color:var(--accent-teal)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:6px}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--bg-panel), var(--bg-void));justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:conic-gradient(from 220deg, var(--accent-teal), var(--accent-blue), var(--accent-amber), var(--accent-teal));border-radius:8px;flex-shrink:0;width:34px;height:34px;box-shadow:0 0 24px #2dd4bf59}.brand h1{font-family:var(--font-display);letter-spacing:.2px;margin:0;font-size:19px}.brand-sub{color:var(--text-secondary);margin:2px 0 0;font-size:12.5px}.backend-status{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.backend-status .dot{background:var(--text-dim);border-radius:50%;width:7px;height:7px}.backend-status.ok{color:var(--risk-low);border-color:#2dd4bf4d}.backend-status.ok .dot{background:var(--risk-low);box-shadow:0 0 8px var(--risk-low)}.backend-status.down{color:var(--risk-high);border-color:#f5504a4d}.backend-status.down .dot{background:var(--risk-high)}.app-body{flex:1;grid-template-columns:260px 1fr 300px;align-items:start;gap:18px;padding:18px 28px 40px;display:grid}@media (width<=1200px){.app-body{grid-template-columns:1fr}}.sidebar,.right-col,.main-col{flex-direction:column;gap:16px;display:flex}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;padding:18px}.panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 0 14px;font-size:13px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.two-col{grid-template-columns:1fr}}.loading-strip{font-family:var(--font-mono);color:var(--accent-teal);background:#2dd4bf0d;border:1px dashed #2dd4bf4d;border-radius:8px;padding:8px 14px;font-size:12px}.count-badge{background:var(--bg-inset);border:1px solid var(--line);font-family:var(--font-mono);color:var(--text-secondary);border-radius:10px;padding:1px 8px;font-size:11px}.event-list{flex-direction:column;gap:4px;max-height:70vh;display:flex;overflow-y:auto}.event-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .12s,border-color .12s;display:flex}.event-row:hover{background:var(--bg-panel-raised)}.event-row.active{background:var(--bg-panel-raised);border-color:var(--line-bright)}.event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-label{flex-direction:column;gap:2px;display:flex;overflow:hidden}.event-grades{color:var(--text-primary);font-size:13px}.event-meta{color:var(--text-dim);font-size:10.5px}.empty-hint{color:var(--text-dim);font-size:12.5px}.risk-headline{margin-bottom:18px}.risk-badge{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.risk-pulse{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.risk-desc{color:var(--text-primary);margin:10px 0 4px;font-size:14px}.risk-transition{color:var(--text-dim);font-size:12px}.risk-metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.risk-metrics{grid-template-columns:1fr}}.metric{background:var(--bg-inset);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.metric-value{font-size:24px;font-weight:600}.metric-sub{color:var(--text-dim);font-size:11px}.proba-bars{flex-direction:column;gap:6px;margin-top:4px;display:flex}.proba-row{align-items:center;gap:8px;display:flex}.proba-key{width:52px;color:var(--text-secondary);font-size:11px}.proba-track{background:var(--bg-void);border-radius:3px;flex:1;height:6px;overflow:hidden}.proba-fill{border-radius:3px;height:100%}.proba-pct{text-align:right;width:32px;color:var(--text-dim);font-size:11px}.legend-hint{color:var(--text-dim);text-transform:none;letter-spacing:0;font-size:10.5px}.rationale-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.rationale-row{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.rationale-desc{color:var(--text-primary);font-size:12.5px}.rationale-value{color:var(--accent-teal);flex-shrink:0;font-size:12px}.rationale-bar-track{background:var(--bg-inset);border-radius:2px;height:4px;overflow:hidden}.rationale-bar-fill{background:var(--accent-teal);border-radius:2px;height:100%}.rationale-footnote{color:var(--text-dim);margin:14px 0 0;font-size:11px}.rec-list{flex-direction:column;gap:12px;display:flex}.rec-card{background:var(--bg-inset);border:1px solid var(--line);border-radius:10px;padding:14px;transition:border-color .2s}.rec-card.accepted{border-color:#2dd4bf66}.rec-card.rejected{opacity:.55}.rec-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:10px}.tag.source-historical_data{color:var(--accent-blue);background:#4fa8f01f}.tag.source-correlation_analysis{color:var(--accent-teal);background:#2dd4bf1f}.tag.source-recipe_limits{color:var(--accent-amber);background:#f5a5241f}.tag.source-operator_pattern{color:#c792ea;background:#c792ea24}.tag.confidence-high{background:var(--bg-panel-raised);color:var(--text-secondary)}.tag.confidence-medium{background:var(--bg-panel-raised);color:var(--text-dim)}.rec-action{margin:0 0 6px;font-size:13px;line-height:1.5}.rec-detail{color:var(--text-dim);margin:0 0 10px;font-size:10.5px}.rec-buttons{gap:8px;display:flex}.rec-btn{border:1px solid var(--line);background:var(--bg-panel-raised);color:var(--text-secondary);cursor:pointer;border-radius:7px;flex:1;padding:7px 0;font-size:12px;transition:all .12s}.rec-btn:hover:not(:disabled){border-color:var(--line-bright);color:var(--text-primary)}.rec-btn.accept:hover:not(:disabled){border-color:var(--risk-low);color:var(--risk-low)}.rec-btn.reject:hover:not(:disabled){border-color:var(--risk-high);color:var(--risk-high)}.rec-btn:disabled{cursor:default;opacity:.7}.corr-sub{color:var(--text-secondary);margin:-6px 0 12px;font-size:12px}.corr-list{flex-direction:column;gap:10px;display:flex}.corr-row{grid-template-columns:1fr 60px 46px;align-items:center;gap:8px;display:grid}.corr-feature{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.corr-bar-track{background:var(--bg-void);border-radius:3px;height:6px;overflow:hidden}.corr-bar-fill{border-radius:3px;height:100%}.corr-value{color:var(--text-dim);text-align:right;font-size:10.5px}.feedback-headline{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.feedback-by-source{flex-direction:column;gap:10px;display:flex}