:root {
    --mom-bg: #f3f5f8;
    --mom-surface: #ffffff;
    --mom-border: #dbe1ea;
    --mom-accent: #123a63;
    --mom-accent-2: #0f6b6d;
}

body.mom-app {
    background: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
}

.mom-sidebar {
    min-height: 100vh;
    background: linear-gradient(180deg, #11253d 0%, #17385c 100%);
}

.mom-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.82);
}

.mom-sidebar .nav-link.active,
.mom-sidebar .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.mom-card {
    border: 1px solid var(--mom-border);
    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.06);
}

.mom-stat {
    background: var(--mom-surface);
    border: 1px solid var(--mom-border);
    border-radius: 1rem;
    padding: 1.25rem;
}

.mom-chip {
    border-radius: 999px;
    padding: .35rem .8rem;
    font-size: .8rem;
    font-weight: 600;
}