:root {
    --portal-primary: #0e7c66;
    --portal-ink: #14313d;
    --portal-muted: #5a6f78;
    --portal-outline: rgba(20, 49, 61, 0.08);
}

html, body {
    font-family: 'Manrope', 'Segoe UI', sans-serif;
    min-height: 100%;
    margin: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 124, 102, 0.16), transparent 28%),
        radial-gradient(circle at top left, rgba(39, 163, 139, 0.12), transparent 24%),
        linear-gradient(180deg, #f5fffb 0%, #ecf7f3 100%);
    color: var(--portal-ink);
}

body {
    min-height: 100vh;
}

.mud-main-content {
    background: transparent;
}

.mud-paper,
.mud-card {
    border: 1px solid var(--portal-outline);
    box-shadow: 0 18px 36px rgba(20, 49, 61, 0.08) !important;
}

.mud-nav-link.active {
    background: linear-gradient(90deg, rgba(14, 124, 102, 0.12), rgba(14, 124, 102, 0.03));
}

.app-page {
    max-width: 1440px;
    margin: 0 auto;
}

.auth-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.4), transparent 55%),
        linear-gradient(135deg, #0e7c66 0%, #0b5f4d 100%);
}

.auth-card-shell {
    background: rgba(252, 255, 253, 0.96);
    backdrop-filter: blur(14px);
}

a {
    color: inherit;
}