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

.card{
    background:#fff;
    border-radius:14px;
    padding:24px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    margin-bottom:20px;
}

.card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.card-title{
    font-size:20px;
    font-weight:600;
    color:#0f172a;
}

.card-body{
    color:#475569;
}
/* ---------- Buttons ---------- */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 18px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}

.btn-primary{
    background:#2563eb;
    color:#fff;
}

.btn-primary:hover{
    background:#1d4ed8;
}

.btn-success{
    background:#16a34a;
    color:#fff;
}

.btn-danger{
    background:#dc2626;
    color:#fff;
}

.btn-warning{
    background:#f59e0b;
    color:#fff;
}

.btn-secondary{
    background:#64748b;
    color:#fff;
}
.badge{
    display:inline-block;
    padding:5px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.badge-success{
    background:#dcfce7;
    color:#15803d;
}

.badge-danger{
    background:#fee2e2;
    color:#b91c1c;
}

.badge-warning{
    background:#fef3c7;
    color:#b45309;
}

.badge-info{
    background:#dbeafe;
    color:#1d4ed8;
}