@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--h-bg: #050505;--h-card: rgba(17, 17, 17, .7);--h-border: rgba(255, 255, 255, .08);--h-accent: #0ea5e9;--h-success: #10b981;--h-error: #f43f5e;--h-warning: #f59e0b;--h-text-main: #e2e8f0;--h-text-dim: #94a3b8;--h-nav-w: 260px}.harness-root{font-family:Inter,sans-serif;background-color:var(--h-bg);color:var(--h-text-main);min-height:100vh;display:flex}.harness-sidebar{width:var(--h-nav-w);border-right:1px solid var(--h-border);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh}.harness-main{flex:1;margin-left:var(--h-nav-w);padding:2.5rem;max-width:1600px}.harness-card{background:var(--h-card);border:1px solid var(--h-border);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;box-shadow:0 4px 30px #00000080}.harness-glass{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:.75rem}.harness-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.harness-stat-label{color:var(--h-text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.harness-stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.harness-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}.badge-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-error{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.badge-info{background:#0ea5e91a;color:#38bdf8;border:1px solid rgba(14,165,233,.2)}.badge-warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-dim{background:#ffffff0a;color:var(--h-text-dim);border:1px solid var(--h-border)}.harness-mono{font-family:JetBrains Mono,monospace;font-size:.875rem}.harness-btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent}.btn-primary{background:var(--h-accent);color:#fff}.btn-primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 0 20px #0ea5e966}.btn-outline{background:transparent;border-color:var(--h-border);color:var(--h-text-main)}.btn-outline:hover{background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--h-bg)}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.harness-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.harness-modal-content{background:#0a0a0a;border:1px solid var(--h-border);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;overflow-y:auto;position:relative}.harness-modal-content::-webkit-scrollbar{width:6px}.harness-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media(max-width:960px){.harness-root{display:block}.harness-sidebar{position:static;width:auto;height:auto;min-height:0;border-right:none;border-bottom:1px solid var(--h-border)}.harness-main{margin-left:0;max-width:none;padding:1.25rem}}