:root{color:#172033;background:#f6f7fb;font-family:Inter,system-ui,Arial,sans-serif}body{margin:0}.container{max-width:1200px;margin:0 auto;padding:24px}.nav{background:#fff;border-bottom:1px solid #e6e8ef;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{color:#172033;font-weight:800;text-decoration:none}.navlinks{align-items:center;gap:16px;display:flex}.nav a{color:#334;text-decoration:none}button,.btn{color:#fff;cursor:pointer;background:#304ffe;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-block}button.secondary{color:#304ffe;background:#eef1ff}button.danger{background:#e53935}.card{background:#fff;border:1px solid #e6e8ef;border-radius:18px;margin:14px 0;padding:18px;box-shadow:0 8px 24px #0f172a0a}input,textarea,select{box-sizing:border-box;background:#fff;border:1px solid #d5d9e5;border-radius:10px;width:100%;margin:6px 0 14px;padding:10px}label{color:#566;font-size:13px}table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}td,th{text-align:left;border-bottom:1px solid #edf0f5;padding:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.pill{color:#304ffe;background:#eef1ff;border-radius:999px;padding:4px 8px;font-size:12px}.progress{background:#e8ebf4;border-radius:20px;height:10px;overflow:hidden}.bar{background:#304ffe;height:100%}.chunk{background:#fff;border:1px solid #e6e8ef;border-radius:14px;margin:12px 0;padding:14px}.muted{color:#667085}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error{color:#d32f2f;white-space:pre-wrap}audio{width:100%;margin-top:8px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat{flex-direction:column;gap:6px;display:flex}.stat strong{font-size:28px}.search{max-width:320px}.actions{flex-wrap:wrap;gap:8px;display:flex}.empty{text-align:center;color:#777;padding:24px}.danger{color:#fff;background:#b42318}.modal-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(760px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 24px 80px #00000040}.modal-header,.modal-actions,.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-actions{justify-content:flex-end;margin-top:20px}.icon-btn{cursor:pointer;background:0 0;border:none;font-size:28px}.tabs{gap:8px;margin:16px 0;display:flex}.tabs button{cursor:pointer;background:#f8fafc;border:1px solid #ddd;border-radius:10px;padding:10px 14px}.tabs button.active{color:#fff;background:#111827;border-color:#111827}@media (width<=800px){.page-header,.row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.actions{flex-direction:column}}