@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#000;--bg-secondary:#1b1818;--text-primary:#aec4db;--text-secondary:#96bade;--accent-primary:#89ecea;--accent-secondary:#446b72;--success:#10b981;--danger:#ef4444;--surface:#15387672;--surface-border:#ffffff14}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;margin:0;font-family:Outfit,sans-serif;display:flex}.container{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-sizing:border-box;border-radius:24px;width:100%;max-width:900px;margin:40px 20px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.header h1{text-align:center;background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #8b5cf64d;-webkit-background-clip:text;margin-top:0;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.form-container{border:1px solid var(--surface-border);background:#0003;border-radius:16px;margin-bottom:32px;padding:24px}.form-container h2{color:var(--text-primary);margin-top:0;margin-bottom:20px;font-size:1.25rem;font-weight:500}.form-layout{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.input-group{flex-direction:column;flex:1;min-width:200px;display:flex}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem}input{color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:1rem;transition:all .3s}input:focus{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 3px #8b5cf633}button{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #8b5cf663}button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}button:active{transform:translateY(1px)}.table-container{border:1px solid var(--surface-border);background:#0003;border-radius:16px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);background:#ffffff05;padding:16px;font-size:.75rem;font-weight:600}td{vertical-align:middle;border-bottom:1px solid var(--surface-border);padding:16px;transition:background-color .2s}tr:last-child td{border-bottom:none}tr{transition:all .3s}tbody tr:hover{z-index:10;background:#ffffff08;position:relative;transform:scale(1.01);box-shadow:0 4px 20px #0000001a}.action-cell{align-items:center;gap:8px;display:flex}.action-cell input{width:100px;padding:6px 12px}.action-cell button{box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a;padding:6px 16px;font-size:.875rem}.action-cell button:hover{border-color:var(--accent-primary);background:#ffffff1a;box-shadow:0 0 10px #8b5cf633}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.status-pass{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.status-fail{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{animation:.6s ease-out forwards fadeIn}tbody tr{animation:.4s ease-out both fadeIn}tbody tr:first-child{animation-delay:.1s}tbody tr:nth-child(2){animation-delay:.2s}tbody tr:nth-child(3){animation-delay:.3s}tbody tr:nth-child(4){animation-delay:.4s}tbody tr:nth-child(5){animation-delay:.5s}
