:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#070b0f;color:#edf3f8}*{box-sizing:border-box}body{margin:0;background:#070b0f}header{height:82px;padding:0 28px;display:flex;align-items:center;gap:24px;background:#0b1117;border-bottom:1px solid #26313b}header h1{margin:0;font-size:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.brand b{display:grid;place-items:center;width:38px;height:38px;background:#e51d3f;border-radius:5px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#8ea2b4}.actions{margin-left:auto;display:flex;gap:12px;align-items:end}.actions label{font-size:11px;color:#9fb0be}.actions select{display:block;margin-top:4px;min-width:220px}button,select,input{font:inherit;background:#111a22;color:#eef4f8;border:1px solid #394957;border-radius:5px;padding:10px 12px}button{cursor:pointer}.primary{background:#e51d3f;border-color:#e51d3f;font-weight:700}main{max-width:1250px;margin:0 auto;padding:28px}.hero,.card{background:#10171e;border:1px solid #2c3944;border-radius:10px;padding:22px;margin-bottom:20px}.hero{display:flex;align-items:center;justify-content:space-between}.hero h2{font-size:30px;margin:3px 0 8px}.hero p{margin:0;color:#9fb0be}.badge{padding:10px 14px;border:1px solid #2e9d65;color:#6ee7a8;border-radius:999px}.badge.error{border-color:#9e3043;color:#ff8497}.card-head,.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.card h3{margin:0 0 18px}.grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.grid label{font-size:12px;color:#9fb0be}.grid input{width:100%;display:block;margin-top:6px}.form-actions{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #28343e}th{color:#8fa0ae;font-size:11px;text-transform:uppercase}td small{display:block;color:#8193a2}.status-recording{color:#ffca57}.status-completed{color:#65dda0}.status-failed{color:#ff7189}a.audio{color:#72b7ff}@media(max-width:800px){header{height:auto;padding:18px;align-items:flex-start}.actions{flex-direction:column}.grid{grid-template-columns:1fr}.hero{align-items:flex-start;gap:20px;flex-direction:column}main{padding:16px}}