:root {
    --crm-navy: #0f172a;
    --crm-teal: #0f766e;
    --crm-sand: #f8fafc;
    --crm-line: #d9e2ec;
}

body {
    background: linear-gradient(180deg, #f8fafc 0%, #eef6f6 100%);
    color: #1f2937;
}

.auth-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.18), transparent 30%),
        linear-gradient(135deg, #eff6ff 0%, #f8fafc 45%, #ecfeff 100%);
}

.app-navbar {
    background: linear-gradient(90deg, var(--crm-navy), var(--crm-teal));
}

.app-sidebar {
    min-height: calc(100vh - 56px);
    background: rgba(255, 255, 255, 0.75);
    border-right: 1px solid var(--crm-line);
}

.list-group-item {
    border: 0;
    background: transparent;
}

.card {
    border-radius: 1rem;
}

.auth-logo {
    max-width: 280px;
    width: 100%;
    height: auto;
}

.app-logo-nav {
    height: 34px;
    width: auto;
    display: block;
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.92);
    padding: 0.15rem 0.35rem;
}