:root{--bg: #f6f1ea;--bg-accent: #ecf1ff;--card: #ffffff;--text: #0b1d2c;--muted: #54616f;--accent: #f25c54;--accent-2: #2a9d8f;--warn: #f2c14e;--border: #e3dfd7;--shadow: 0 18px 40px rgba(16, 28, 45, .12);--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#fef9f2 0%,var(--bg) 55%) fixed,radial-gradient(circle at 30% 20%,rgba(45,127,227,.12),transparent 50%) fixed,radial-gradient(circle at 80% 30%,rgba(242,92,84,.1),transparent 45%) fixed,var(--bg-accent);min-height:100vh}h1,h2,h3,h4{margin:0 0 .4rem}p{margin:0;color:var(--muted)}button,input{font-family:inherit}.app{padding:2.5rem clamp(1.5rem,3vw,3.5rem);display:flex;flex-direction:column;gap:2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.subtitle{color:var(--muted);font-size:.95rem}.user-actions{display:flex;align-items:center;gap:.75rem}.user-tag{background:#0b1d2c0f;border:1px solid rgba(11,29,44,.1);padding:.4rem .8rem;border-radius:999px;font-size:.85rem}.grid{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:1.5rem}.sidebar{background:#ffffffd9;border-radius:20px;padding:1.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;min-height:70vh}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.run-list{display:flex;flex-direction:column;gap:.8rem}.run-card{border:1px solid transparent;background:#faf8f4e6;border-radius:16px;padding:.8rem;text-align:left;cursor:pointer;transition:all .2s ease}.run-card:hover{border-color:#0b1d2c26;transform:translateY(-2px)}.run-card.active{border-color:#2a9d8f80;background:#2a9d8f14}.run-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.run-meta{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:.85rem}.details{display:flex;flex-direction:column;gap:1.5rem}.run-summary{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;background:var(--card);border-radius:22px;padding:1.6rem;box-shadow:var(--shadow)}.run-shas{display:flex;flex-direction:column;gap:1rem;background:#0b1d2c0a;border-radius:16px;padding:1rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-top:.8rem}.meta-grid>div{display:flex;flex-direction:column;gap:.3rem}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.pill.good{background:#2a9d8f26;color:#1e7c71}.pill.bad{background:#f25c5426;color:#c0392b}.pill.warn{background:#f2c14e33;color:#9a6b00}.pill.neutral{background:#0b1d2c14;color:var(--muted)}.suite-section{background:var(--card);border-radius:22px;padding:1.4rem;box-shadow:var(--shadow)}.suite-header{display:flex;align-items:center;justify-content:space-between}.suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.suite-card{background:#f8f7f3e6;border-radius:18px;padding:1rem;border:1px solid rgba(11,29,44,.08);display:flex;flex-direction:column;gap:.75rem}.suite-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.suite-meta{font-size:.85rem;color:var(--muted);display:flex;flex-direction:column;gap:.2rem}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.artifact-grid button{border:1px solid rgba(11,29,44,.12);background:#fff;color:var(--text);border-radius:12px;padding:.4rem .6rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.artifact-grid button:hover{transform:translateY(-2px);border-color:#2a9d8f66}.artifact-grid button:disabled{opacity:.6;cursor:wait}button{border:none;border-radius:999px;padding:.6rem 1.2rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.secondary{background:transparent;border:1px solid rgba(11,29,44,.2);color:var(--text)}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #f25c5433}button.secondary:hover{box-shadow:none;border-color:#0b1d2c66}.login{align-items:center;justify-content:center}.login-card{background:#ffffffe6;border-radius:22px;padding:2rem;max-width:420px;width:100%;box-shadow:var(--shadow)}.login-header{margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}input{padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(11,29,44,.2);font-size:.95rem}.error{color:#c0392b;font-size:.85rem}.error-block{background:#f25c541a;border-radius:12px;padding:.6rem;font-size:.85rem}.mono{font-family:var(--mono)}.hint{color:var(--muted);font-size:.8rem}.empty{color:var(--muted);font-size:.95rem;padding:1rem 0}@media(max-width:1000px){.grid,.run-summary{grid-template-columns:1fr}}