body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

[x-cloak] {
    display: none !important;
}

.glass-card {
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);
}

.hero-gradient {
    background:
        radial-gradient(circle at top left, rgba(16, 185, 129, 0.22), transparent 34%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.2), transparent 32%),
        linear-gradient(135deg, #eff6ff 0%, #f8fafc 55%, #ecfeff 100%);
}

.sidebar-gradient {
    background: linear-gradient(180deg, #082f49 0%, #0f766e 50%, #14532d 100%);
}

.loading-overlay {
    display: none;
}

.loading-overlay.active {
    display: flex;
}