@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root {
    --sky: #C9F0FF;
    --mist: #EAFFFD;
    --platinum: #EFEFF0;
    --taupe: #6B5E62;
    --ink: #2e2a2b;
    --accent: #6bb6c9;
}

body {
    font-family: "Poppins", "Segoe UI", sans-serif;
    color: var(--ink);
    background: linear-gradient(180deg, var(--sky) 0%, var(--mist) 55%, #ffffff 100%);
    min-height: 100vh;
}

.bg-sky {
    background: linear-gradient(180deg, var(--sky) 0%, var(--mist) 55%, #ffffff 100%);
}

.bg-mist {
    background-color: var(--mist) !important;
}

.soft-card {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(107, 94, 98, 0.08);
    background-color: #ffffff;
}

.stat-card .display-6 {
    font-weight: 600;
    color: var(--taupe);
}

.btn-primary {
    background-color: var(--accent);
    border-color: var(--accent);
    border-radius: 999px;
}

.btn-primary:hover {
    background-color: #5aa4b6;
    border-color: #5aa4b6;
}

.btn-soft {
    background-color: var(--platinum);
    border-radius: 999px;
    color: var(--taupe);
    border: 1px solid #e1e1e2;
}

.table {
    border-collapse: separate;
    border-spacing: 0 6px;
}

.table thead th {
    border: 0;
    color: var(--taupe);
    font-weight: 600;
}

.table tbody tr {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(107, 94, 98, 0.05);
    border-radius: 12px;
}

.table tbody td {
    border: 0;
    padding: 12px 14px;
}

.table tbody tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.table tbody tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.badge.text-bg-light {
    background-color: var(--platinum) !important;
    color: var(--taupe) !important;
}

.navbar .nav-link {
    color: var(--taupe);
}