:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(37,99,235,.09),transparent 40%),linear-gradient(315deg,rgba(5,150,105,.1),transparent 38%),#f6f8fb}.login-panel{width:min(440px,100%);background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:32px;box-shadow:0 24px 80px #0f172a1f}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#2563eb}.brand-mark.small{width:32px;height:32px}.login-panel h1,.topbar h1{margin:18px 0 8px;font-size:28px}.login-panel p,.topbar p,.panel-header p{margin:0;color:#61708a}.login-form,.modal{display:grid;gap:16px}label{display:grid;gap:7px;color:#42526b;font-size:13px;font-weight:650}input,select,textarea{min-height:40px;border:1px solid #cfd8e6;border-radius:7px;background:#fff;color:#172033;padding:9px 11px;outline:none}textarea{min-height:78px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.primary-button,.secondary-button,.ghost-button{min-height:40px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:750}.primary-button{background:#2563eb;color:#fff}.primary-button:disabled{opacity:.58;cursor:not-allowed}.primary-button.compact,.secondary-button{min-height:36px}.secondary-button{color:#24324a;background:#fff;border:1px solid #d5deeb}.ghost-button{color:#52617a;background:transparent}.error-line,.error-banner{display:flex;gap:8px;align-items:center;color:#b42318;background:#fff1f0;border:1px solid #ffd1cc;border-radius:7px;padding:10px 12px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{min-height:100vh;padding:20px 14px;background:#fff;border-right:1px solid #dfe6f0;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px;font-weight:850}.sidebar nav{display:grid;gap:6px}.sidebar a{height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:7px;color:#52617a;font-weight:700}.sidebar a.active{background:#eaf1ff;color:#1d4ed8}.logout{margin-top:auto}.workspace{min-width:0;padding:22px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.topbar h1{margin:0 0 6px}.topbar-actions,.modal-actions{display:flex;gap:10px;align-items:center}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto;gap:10px;align-items:end;margin-bottom:16px}.filters label,.search-box{position:relative}.filters svg{position:absolute;left:11px;top:12px;color:#6b7a91}.filters input,.filters select{padding-left:36px;width:100%}.dashboard-grid{display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-areas:"experiments detail" "runs runs" "results results";gap:16px}.panel{background:#fff;border:1px solid #dfe6f0;border-radius:8px;padding:16px;min-width:0}.experiments-panel{grid-area:experiments}.detail-panel{grid-area:detail}.runs-panel{grid-area:runs}.results-panel{grid-area:results}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.panel-header h2{margin:0;font-size:18px}.panel-header>span{color:#61708a;font-weight:800}.experiment-list{display:grid;gap:8px;max-height:445px;overflow:auto}.experiment-row{width:100%;min-height:70px;border:1px solid #dfe6f0;border-radius:7px;background:#fff;padding:10px;display:flex;justify-content:space-between;gap:10px;text-align:left}.experiment-row.selected{border-color:#2563eb;background:#f5f8ff}.experiment-row strong,.experiment-row small{display:block}.experiment-row small{color:#61708a;margin-top:5px}.experiment-row em{color:#2563eb;font-style:normal;font-weight:850}.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric{border:1px solid #e1e8f2;border-radius:7px;padding:12px;background:#fbfcfe}.metric span{display:block;color:#61708a;font-size:12px;font-weight:750}.metric strong{display:block;margin-top:5px;font-size:21px}.chart-box{min-height:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #e5ebf4;padding:11px 10px;text-align:left;vertical-align:middle}th{color:#61708a;font-size:12px;font-weight:850}.status-pill{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 9px;background:#edf2f7;color:#52617a;font-size:12px;font-weight:850}.status-pill.running{background:#fff7e6;color:#b54708}.status-pill.completed{background:#e9f8ef;color:#087443}.status-pill.failed{background:#fff1f0;color:#b42318}.ok{color:#079455}.bad{color:#d92d20}.truncate{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-button{min-width:34px;height:26px;border:1px solid #cfd8e6;border-radius:7px;background:#fff;color:#2563eb;font-weight:850}.event-row-expanded td{background:#f8fafd;padding:0}.step-timeline{display:grid;gap:8px;padding:12px}.step-timeline.loading,.step-timeline.empty{color:#61708a;font-weight:700}.step-item{display:grid;grid-template-columns:30px minmax(0,1fr) 90px;gap:10px;align-items:start;border:1px solid #dfe6f0;border-radius:7px;background:#fff;padding:10px}.step-index{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-weight:850;font-size:12px}.step-item strong,.step-item span,.step-item p{display:block}.step-item span,.step-item p,.step-item em{color:#61708a;font-size:12px}.step-item p{margin:4px 0 0}.step-item em{font-style:normal;text-align:right}.empty-state,.inline-loading{min-height:160px;display:grid;place-items:center;color:#718096;font-weight:700}.inline-loading{display:flex;gap:10px;justify-content:center}.spin{animation:spin .8s linear infinite}.modal-backdrop{position:fixed;inset:0;background:#0f172a61;display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);background:#fff;border-radius:8px;border:1px solid #dfe6f0;padding:18px;box-shadow:0 24px 80px #0f172a38}.icon-button{width:32px;height:32px;border:1px solid #d5deeb;border-radius:7px;background:#fff;color:#52617a;font-size:22px;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #dfe6f0}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"experiments" "detail" "runs" "results"}.filters{grid-template-columns:1fr 1fr}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.workspace{padding:14px}.topbar,.topbar-actions{display:grid;width:100%}.filters{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}}.routing-manager{overflow-x:hidden}.routing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.routing-panel{padding:24px;margin-bottom:20px;min-width:0}.routing-panel h2{margin:0 0 16px}.routing-panel h3{margin-top:24px}.routing-panel label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px}.routing-panel input,.routing-panel select,.routing-panel textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;padding:9px;background:#fff;color:#111827}.routing-panel textarea{min-height:80px;resize:vertical}.routing-panel td input{min-width:100px}.routing-panel p,.routing-muted{color:#64748b;font-size:13px;line-height:1.6}.routing-notice{padding:12px 16px;background:#ecfdf5;color:#065f46;border-radius:8px}.routing-inline{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.routing-inline label{flex:1;min-width:180px}.routing-inline button{margin-bottom:12px}.routing-model{border-bottom:1px solid #e2e8f0;padding:12px 0}.routing-rank{display:inline-block;margin:4px 12px 4px 0;font-size:13px}.sidebar nav button{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:0;border-radius:8px;color:inherit;cursor:pointer;text-align:left;font:inherit;width:100%}.sidebar nav button.active{background:#eff6ff;color:#2563eb}@media(max-width:1000px){.routing-grid{grid-template-columns:1fr}.routing-manager .topbar{flex-wrap:wrap;gap:16px}}