body{
    background:#fafafa;
    font-family:Inter,Segoe UI,Arial,sans-serif;
    color:#2d3748;
}

.container-fluid{
    padding-left:12px;
    padding-right:12px;
}

/* ---------- Sidebar ---------- */

.bg-dark{
    background:#ffffff !important;
    border-right:1px solid #ececec;
}

.bg-dark h4,
.bg-dark h3{
    color:#7c3aed;
    font-weight:700;
}

.list-group-item{
    border:0;
    padding:14px 20px;
    color:#4b5563;
    font-weight:500;
    transition:.2s;
}

.list-group-item:hover{
    background:#fdf2f8;
    color:#e11d48;
}

.list-group-item.active{
    background:#fdf2f8;
    color:#e11d48;
    border-left:4px solid #7c3aed;
}

/* ---------- Navbar ---------- */

.navbar{
    background:#fff !important;
    border-bottom:1px solid #ececec;
}

/* ---------- Cards ---------- */

.card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.card-body{
    padding:22px;
}

/* ---------- Buttons ---------- */

.btn{
    border-radius:8px;
    font-weight:600;
}

.btn-primary{
    background:#7c3aed;
    border-color:#7c3aed;
}

.btn-primary:hover{
    background:#6d28d9;
    border-color:#6d28d9;
}

.btn-danger{
    background:#e11d48;
    border-color:#e11d48;
}

.btn-danger:hover{
    background:#be123c;
    border-color:#be123c;
}

/* ---------- Inputs ---------- */

.form-control,
.form-select{
    border-radius:8px;
    border:1px solid #d1d5db;
}


.episode-filters .form-control, .form-select {
border-radius: 8px;
border: 1px solid #d1d5db;
margin-right: 7px;
}

.form-control:focus,
.form-select:focus{
    border-color:#7c3aed;
    box-shadow:0 0 0 .2rem rgba(124,58,237,.15);
}

/* ---------- Tables ---------- */

.table{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
}

.table thead{
    background:#faf5ff;
}

.table-hover tbody tr:hover{
    background:#fdf2f8;
}

/* ---------- Badges ---------- */

.badge{
    padding:7px 12px;
    font-size:12px;
    border-radius:20px;
    color: white;
}

/* ---------- Progress ---------- */

.progress{
    border-radius:30px;
    background:#ececec;
}

.progress-bar{
    background:linear-gradient(90deg,#7c3aed,#e11d48);
}

/* ---------- Headings ---------- */

h2,h3,h4{
    font-weight:700;
    color:#374151;
}

/* ---------- Links ---------- */

a{
    color:#7c3aed;
}

a:hover{
    color:#e11d48;
    text-decoration:none;
}

/* ---------- Dashboard spacing ---------- */

hr{
    margin:35px 0;
    border-color:#ececec;
}

.row{
    --bs-gutter-x:0;
}