*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#172033}.container{width:min(1120px,92%);margin:auto}.site-header{background:#101828;color:#fff;box-shadow:0 2px 12px #0002}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:22px;color:#fff;text-decoration:none}.brand span{color:#77a9ff}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a{color:#dbe4f0;text-decoration:none}.nav nav a:hover{color:#fff}.hero{padding:55px 0 35px;text-align:center}.hero h1{font-size:42px;margin:0 0 12px}.hero p{color:#5d6878;font-size:18px}.search{display:flex;gap:10px;margin:25px 0}.search input{flex:1;padding:14px;border:1px solid #d4dae4;border-radius:10px;font-size:16px}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 16px;background:#175cd3;color:#fff;text-decoration:none;cursor:pointer}.btn.secondary{background:#344054}.btn.danger{background:#d92d20}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px #1018280a}.cover{width:100%;height:180px;object-fit:cover;background:#e9eef5}.card-body{padding:18px}.card h3{margin:0 0 8px;font-size:19px}.meta{color:#667085;font-size:14px;margin-bottom:12px}.audio{width:100%;margin:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.section{padding:20px 0 40px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.empty{padding:40px;text-align:center;background:#fff;border-radius:12px;color:#667085}.footer{margin-top:50px;padding:30px 0;background:#101828;color:#cbd5e1}.form-card{max-width:700px;margin:40px auto;background:#fff;padding:28px;border-radius:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:8px}.form-group textarea{min-height:120px}.alert{padding:12px 15px;border-radius:8px;margin:15px 0}.alert.error{background:#fee4e2;color:#b42318}.alert.success{background:#dcfae6;color:#067647}.table-wrap{overflow:auto;background:#fff;border-radius:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eaecf0;text-align:left}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat{background:#fff;padding:20px;border-radius:12px}.stat strong{display:block;font-size:28px;margin-top:8px}.detail{background:#fff;border-radius:15px;padding:28px;margin:30px 0}.detail-cover{max-width:420px;width:100%;display:block;border-radius:12px;margin-bottom:20px}@media(max-width:700px){.nav{align-items:flex-start;padding:16px 0;flex-direction:column}.hero h1{font-size:31px}.search{flex-direction:column}.nav nav{gap:10px;font-size:14px}}