.audio-admin-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.audio-admin-container h1{color:#333;margin-bottom:20px}.audio-admin-container .alert{border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;display:flex}.audio-admin-container .alert button{cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:18px}.audio-admin-container .alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.audio-admin-container .alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.audio-admin-container .admin-controls{margin-bottom:20px}.audio-admin-container .search-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.audio-admin-container .search-form input,.audio-admin-container .search-form select{border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:14px}.audio-admin-container .search-form input{flex:1;min-width:200px}.audio-admin-container .search-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.audio-admin-container .search-form button:hover{background-color:#0069d9}.audio-admin-container .btn-add{background-color:#28a745!important}.audio-admin-container .btn-add:hover{background-color:#218838!important}.audio-admin-container .table-container{margin-bottom:20px;overflow-x:auto}.audio-admin-container .audios-table{border-collapse:collapse;text-align:left;width:100%}.audio-admin-container .audios-table th,.audio-admin-container .audios-table td{border-bottom:1px solid #ddd;padding:12px}.audio-admin-container .audios-table th{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8f9fa}.audio-admin-container .audios-table th:hover{background-color:#e9ecef}.audio-admin-container .audios-table tbody tr:hover{background-color:#f5f5f5}.audio-admin-container .text-center{text-align:center}.audio-admin-container .audio-title-cell{align-items:center;gap:10px;display:flex}.audio-admin-container .audio-thumbnail{object-fit:cover;border-radius:4px;width:40px;height:40px}.audio-admin-container .audio-title{margin-bottom:2px;font-weight:500}.audio-admin-container .audio-book{color:#666;font-size:12px}.audio-admin-container .type-badge,.audio-admin-container .status-badge,.audio-admin-container .featured-badge{border-radius:12px;margin-right:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.audio-admin-container .type-badge.free{color:#0c5460;background-color:#d1ecf1}.audio-admin-container .type-badge.paid{color:#721c24;background-color:#f8d7da}.audio-admin-container .featured-badge{color:#856404;background-color:#fff3cd}.audio-admin-container .status-badge.active{color:#155724;background-color:#d4edda}.audio-admin-container .status-badge.inactive{color:#721c24;background-color:#f8d7da}.audio-admin-container .status-badge.processing{color:#856404;background-color:#fff3cd}.audio-admin-container .btn-edit,.audio-admin-container .btn-delete{cursor:pointer;border:none;border-radius:4px;margin-right:5px;padding:6px 10px;font-size:13px}.audio-admin-container .btn-edit{color:#212529;background-color:#ffc107}.audio-admin-container .btn-edit:hover{background-color:#e0a800}.audio-admin-container .btn-delete{color:#fff;background-color:#dc3545}.audio-admin-container .btn-delete:hover{background-color:#c82333}.audio-admin-container .pagination{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.audio-admin-container .pagination button{cursor:pointer;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px}.audio-admin-container .pagination button:hover:not([disabled]){background-color:#e9ecef}.audio-admin-container .pagination button:disabled{cursor:not-allowed;opacity:.6}.audio-admin-container .total-records{color:#6c757d;margin-left:auto;font-size:14px}.audio-admin-container .modal{z-index:1000;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.audio-admin-container .modal-content{background-color:#fefefe;border:none;border-radius:8px;width:90%;max-width:800px;max-height:90vh;margin:5% auto;padding:20px;overflow-y:auto}.audio-admin-container .close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700}.audio-admin-container .close:hover{color:#000}.audio-admin-container .audio-form{margin-top:20px}.audio-admin-container .form-group{margin-bottom:16px}.audio-admin-container .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.audio-admin-container .form-row .form-group{margin-bottom:0}.audio-admin-container label{color:#333;margin-bottom:4px;font-weight:500;display:block}.audio-admin-container input,.audio-admin-container textarea,.audio-admin-container select{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.audio-admin-container input.error,.audio-admin-container textarea.error,.audio-admin-container select.error{border-color:#dc3545}.audio-admin-container .error-message{color:#dc3545;margin-top:4px;font-size:12px}.audio-admin-container .form-checkboxes{gap:20px;margin-bottom:16px;display:flex}.audio-admin-container .checkbox-group label{align-items:center;margin-bottom:0;font-weight:400;display:flex}.audio-admin-container .checkbox-group input{width:auto;margin-right:8px}.audio-admin-container .form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.audio-admin-container .btn-cancel,.audio-admin-container .btn-save{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500}.audio-admin-container .btn-cancel{color:#fff;background-color:#6c757d}.audio-admin-container .btn-cancel:hover{background-color:#5a6268}.audio-admin-container .btn-save{color:#fff;background-color:#007bff}.audio-admin-container .btn-save:hover:not(:disabled){background-color:#0069d9}.audio-admin-container .btn-save:disabled{cursor:not-allowed;background-color:#6c757d}@media (max-width:768px){.audio-admin-container .form-row{grid-template-columns:1fr}.audio-admin-container .search-form{flex-direction:column}.audio-admin-container .search-form input,.audio-admin-container .search-form select,.audio-admin-container .search-form button{width:100%}.audio-admin-container .pagination{justify-content:center}.audio-admin-container .total-records{margin-top:10px;margin-left:0}.audio-admin-container .audio-title-cell{flex-direction:column;align-items:flex-start;gap:5px}.audio-admin-container .form-checkboxes{flex-direction:column;gap:10px}.audio-admin-container .form-actions{flex-direction:column}.audio-admin-container .modal-content{width:calc(100% - 20px);max-height:calc(100vh - 20px);margin:10px}.audio-admin-container .audios-table{font-size:12px}.audio-admin-container .audios-table th,.audio-admin-container .audios-table td{padding:8px}}.audio-admin-container .file-info{color:#495057;background-color:#f8f9fa;border-radius:4px;gap:15px;margin-top:8px;padding:8px;font-size:13px;display:flex}.audio-admin-container .upload-progress{background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;margin-top:8px;padding:8px}.audio-admin-container .progress-bar{background-color:#e9ecef;border-radius:4px;width:100%;height:8px;margin-bottom:5px;overflow:hidden}.audio-admin-container .progress-fill{background-color:#007bff;height:100%;transition:width .3s}.audio-admin-container .upload-progress span{color:#0056b3;font-size:13px;font-weight:500}.audio-admin-container .upload-info{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-top:15px;padding:12px}.audio-admin-container .upload-info p{margin:0;font-size:14px}.audio-admin-container .upload-info p:first-child{margin-bottom:5px;font-weight:500}.audio-admin-container .current-image{background-color:#f8f9fa;border-radius:4px;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex}.audio-admin-container .current-image span{color:#495057;font-size:13px}.audio-admin-container input[type=file]{text-align:center;background-color:#fafafa;border:2px dashed #ddd;border-radius:6px;padding:8px 0;transition:border-color .3s}.audio-admin-container input[type=file]:hover{background-color:#f8f9ff;border-color:#007bff}.audio-admin-container input[type=file]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff40}.audio-admin-container input[type=file]:disabled{cursor:not-allowed;background-color:#e9ecef;border-color:#ced4da}@media (max-width:768px){.audio-admin-container .file-info{flex-direction:column;gap:5px}.audio-admin-container .current-image{text-align:center;flex-direction:column}}