html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #0f1117;
    color: #e2e8f0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.app-shell {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.app-header {
    background: #1a1d27;
    border-bottom: 1px solid #2d3148;
    flex-shrink: 0;
    height: 52px;
    z-index: 100;
}

.app-logo { letter-spacing: 0.04em; }

.app-main { flex: 1; overflow: auto; }

.blazor-error-banner {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    background: #dc2626;
    color: white;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    display: none;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.blazor-error-banner a { color: white; font-weight: 600; }