/* assets/css/style.css - Estilos adicionales */
:root {
    color-scheme: light;
    --bg-soft-dark: #f2f6ff;
    --bg-soft-light: #f8f9ff;
    --card: #ffffff;
    --shadow-soft: 0 18px 50px rgba(67, 89, 186, 0.08);
}

body {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(59, 130, 246, 0.12), transparent 35%),
                radial-gradient(circle at right, rgba(16, 185, 129, 0.12), transparent 28%),
                linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
    font-family: 'Inter', system-ui, sans-serif;
}

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

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

.card {
    border-radius: 1.25rem;
    box-shadow: var(--shadow-soft);
}

.icon-box {
    width: 58px;
    height: 58px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);
}

.btn-primary {
    border-radius: 0.85rem;
}

.btn-outline-light {
    border-radius: 1rem;
}

.table-responsive {
    min-height: 1px;
}

@media (max-width: 767px) {
    .navbar-nav .nav-item:last-child {
        margin-top: 0.75rem;
    }
}