:root{--navy:#10243e;--blue:#1769e0;--blue-dark:#0f54bb;--ink:#172033;--muted:#68758a;--line:#e3e8ef;--bg:#f4f7fb;--green:#16865c;--amber:#b76a00;--red:#be3644;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));box-shadow:0 2px 12px #10243e33}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:.04em}.brand b{font-weight:700}.brand-mark,.login-logo{display:grid;place-items:center;color:#fff;background:var(--blue);font-weight:800;border-radius:10px}.brand-mark{width:36px;height:36px}.user-area{display:flex;align-items:center;gap:22px}.user-area form{margin:0}.identity{display:flex;flex-direction:column;text-align:right;gap:2px}.identity b{font-size:12px}.identity span{font-size:11px;color:#bcd1ea}.link-button{border:0;background:none;color:#bcd1ea;cursor:pointer}.container{max-width:1240px;margin:0 auto;padding:42px 24px 60px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.page-heading h1{font-size:30px;margin:4px 0 5px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin:0}.muted{color:var(--muted);margin:0}.total-card{display:flex;flex-direction:column;text-align:right}.total-card b{font-size:26px}.total-card span{color:var(--muted);font-size:12px}.filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;box-shadow:0 5px 24px #182b4b0a;margin-bottom:20px}.filters label,.login-form label{color:#48566a;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.filters input,.filters select,.login-form input{border:1px solid #ced6e1;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);min-width:0;outline:none}.filters input:focus,.filters select:focus,.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01a}.primary{border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:750;text-transform:uppercase;letter-spacing:.05em;padding:11px 22px;cursor:pointer}.primary:hover{background:var(--blue-dark)}.search-button{grid-column:6;align-self:end}.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 24px #182b4b0a}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:14px 16px;color:#657288;background:#f9fafc;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}td{padding:17px 16px;border-bottom:1px solid #edf0f4;white-space:nowrap}tbody tr:hover{background:#fafcff}.direction{color:#4b5b71}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-disponivel{color:var(--green)}.status-pendente,.status-enviando{color:var(--amber)}.status-erro_upload,.status-ausente{color:var(--red)}.listen{border:1px solid #bad2f7;background:#eff6ff;color:var(--blue-dark);padding:7px 12px;border-radius:7px;font-weight:750;cursor:pointer}.listen:hover{background:#dfeeff}.unavailable{color:#a8b0bc}.empty{text-align:center;padding:55px;color:var(--muted)}.pagination{padding:14px 18px;display:flex;justify-content:flex-end;align-items:center;gap:18px;color:var(--muted)}.pagination a{color:var(--blue);text-decoration:none}.pagination a.disabled{pointer-events:none;color:#abb3bf}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,#22528b 0,transparent 28%),linear-gradient(140deg,#091a2f,#142f50)}.login-panel{width:min(100%,430px);background:#fff;border-radius:20px;padding:44px 48px;box-shadow:0 25px 70px #0006}.login-logo{width:52px;height:52px;font-size:23px;margin-bottom:28px}.login-panel h1{font-size:31px;line-height:1.18;margin:8px 0 10px}.login-form{margin-top:30px;display:grid;gap:18px}.login-form input{padding:12px}.wide{width:100%;margin-top:6px;padding:13px}.flash{position:fixed;z-index:5;top:18px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:8px}.flash.error{background:#fff0f1;color:var(--red);border:1px solid #fac9ce}dialog{width:min(92vw,570px);border:0;border-radius:18px;padding:34px;box-shadow:0 24px 80px #0a172a66}dialog::backdrop{background:#071425b3;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin:5px 0 24px}.modal-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px;color:#7a8595;cursor:pointer}.recording-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;background:#f6f8fb;border-radius:10px}.recording-meta div{display:flex;flex-direction:column;gap:4px}.recording-meta span{font-size:11px;color:var(--muted);text-transform:uppercase}.mock-notice{color:var(--amber);font-size:12px;margin:22px 0 8px;font-weight:700}audio{width:100%}@media(max-width:950px){.filters{grid-template-columns:repeat(3,1fr)}.search-button{grid-column:3}}@media(max-width:680px){.topbar{height:62px;padding:0 16px}.identity{display:none}.container{padding:28px 14px}.filters{grid-template-columns:1fr 1fr}.search-button{grid-column:1/-1}.table-card{background:transparent;border:0;box-shadow:none;overflow:visible}.table-scroll{overflow:visible}table,tbody{display:block}thead{display:none}tr{display:grid;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:10px 14px}td{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border:0;white-space:normal}td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase}.empty{display:block}.empty:before{display:none}.login-panel{padding:36px 28px}.recording-meta{grid-template-columns:1fr}.pagination{justify-content:center}}