@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#090b10;--bg-surface:#0f1219;--bg-card:#151922;--bg-elevated:#1b2030;--bg-hover:#1f2538;--border:#222840;--border-subtle:#1a1f30;--border-active:#3b4260;--text-primary:#e4e7ef;--text-secondary:#8890a4;--text-muted:#505872;--color-passed:#34d399;--color-passed-dim:#34d39930;--color-passed-glow:#34d39918;--color-failed:#f87171;--color-failed-dim:#f8717130;--color-failed-glow:#f8717118;--color-skipped:#fbbf24;--color-skipped-dim:#fbbf2430;--color-skipped-glow:#fbbf2418;--color-broken:#fb923c;--color-broken-dim:#fb923c30;--color-broken-glow:#fb923c18;--color-accent:#818cf8;--color-accent-dim:#818cf830;--color-accent-glow:#818cf812;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);color:var(--text-primary)}body{font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:9999}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ringDraw{0%{stroke-dashoffset:var(--ring-circumference)}to{stroke-dashoffset:var(--ring-offset)}}.animate-in{animation:fadeIn .4s ease-out both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s ease}.card:hover{background:var(--bg-elevated);border-color:var(--border-active);box-shadow:0 4px 24px rgba(0,0,0,.3)}.card-static{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;position:-webkit-sticky;position:sticky;top:0;background:var(--bg-card)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.status-row{position:relative}.status-row:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px}.status-row[data-status=passed]:before{background:var(--color-passed)}.status-row[data-status=failed]:before{background:var(--color-failed)}.status-row[data-status=skipped]:before{background:var(--color-skipped)}.status-row[data-status=broken]:before{background:var(--color-broken)}.btn{font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#6d78e4;box-shadow:0 0 20px var(--color-accent-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-active)}.btn-ghost.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-accent)}.input{font-family:var(--font-body);font-size:14px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:all .2s ease;width:100%}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.section-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.mono,.section-label{font-family:var(--font-mono)}.mono{font-size:13px}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.page-loader{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-family:var(--font-mono);font-size:13px;animation:pulseGlow 2s ease-in-out infinite}.error-block{background:var(--color-failed-glow);border:1px solid var(--color-failed-dim);border-left:3px solid var(--color-failed);border-radius:var(--radius-sm);padding:14px 16px}.error-block pre{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--color-failed);white-space:pre-wrap;margin:0}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state .icon{font-size:40px;margin-bottom:16px;opacity:.3}.empty-state p{font-size:14px;max-width:280px;margin:0 auto;line-height:1.6}div:has(>.delete-btn):hover>.delete-btn{opacity:1!important}