*, *::before, *::after { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #0f172a;
    color: #e2e8f0;
}

#blazor-error-ui {
    background: #ef4444;
    bottom: 0;
    box-shadow: 0 -2px 8px rgba(0,0,0,.5);
    color: white;
    display: none;
    left: 0;
    padding: 0.625rem 1.25rem;
    position: fixed;
    right: 0;
    z-index: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; float: right; font-weight: 700; }

/* Custom MudBlazor theme overrides */
:root {
    --mud-palette-primary: #6366f1;
    --mud-palette-primary-darken: #4f46e5;
    --mud-palette-secondary: #06b6d4;
    --mud-palette-background: #0f172a;
    --mud-palette-surface: #1e293b;
    --mud-palette-appbar-background: #1e293b;
    --mud-palette-drawer-background: #1e293b;
    --mud-palette-text-primary: rgba(226,232,240,0.87);
    --mud-palette-text-secondary: rgba(148,163,184,0.6);
}

.mud-drawer { border-right: 1px solid rgba(255,255,255,0.06); }
.mud-appbar { border-bottom: 1px solid rgba(255,255,255,0.06); }
.mud-nav-link.active { background: rgba(99,102,241,0.15); border-right: 3px solid #6366f1; }

/* Stat card glow on hover */
.stat-card:hover { box-shadow: 0 0 0 1px #6366f1, 0 8px 24px rgba(99,102,241,0.15); transition: all 0.2s; }