.event-manager-page { background: var(--manager-bg, var(--bg-primary)); color: var(--manager-text, var(--text-primary)); }
:root[data-theme=dark] { --manager-bg: #0f172a; --manager-surface: #1e293b; --manager-text: #e2e8f0; --manager-muted: #94a3b8; --manager-border: #475569; }
:root[data-theme=light] { --manager-bg: #f8fafc; --manager-surface: #ffffff; --manager-text: #1e293b; --manager-muted: #475569; --manager-border: #cbd5e1; }
.event-manager { max-width: 58rem; margin: 0 auto; padding: 2rem 1rem; }
.event-manager h1 { font-size: 2rem; margin: 1rem 0; }
.event-manager p { margin: .75rem 0; }
.manager-note { color: var(--manager-muted, var(--text-secondary)); }
.manager-link { display: inline-flex; align-items: center; min-height: 2.75rem; text-decoration: underline; }
.manager-button { display: inline-flex; justify-content: center; align-items: center; min-height: 2.75rem; padding: .625rem 1rem; border: .0625rem solid var(--manager-border, var(--border-secondary)); border-radius: .5rem; background: var(--manager-surface, var(--bg-secondary)); color: var(--manager-text, var(--text-primary)); font: inherit; cursor: pointer; }
.manager-button-primary { background: var(--saffron); color: #1e293b; border-color: var(--saffron); font-weight: 600; }
.manager-button:disabled { opacity: .6; cursor: not-allowed; }
.event-manager :focus-visible, #manager-dialog :focus-visible { outline: .1875rem solid var(--saffron); outline-offset: .1875rem; }
.manager-card { border: .0625rem solid var(--manager-border, var(--border-primary)); border-radius: .75rem; padding: 1.25rem; margin: 1rem 0; background: var(--manager-surface, var(--bg-secondary)); overflow-wrap: anywhere; }
.manager-card h2 { font-size: 1.25rem; }
.manager-card-description { white-space: pre-wrap; }
.manager-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
#manager-dialog { width: calc(100% - 2rem); max-width: 38rem; max-height: 85vh; max-height: 85dvh; margin: auto; padding: 0; border: .0625rem solid var(--manager-border, var(--border-secondary)); border-radius: .75rem; background: var(--manager-bg, var(--bg-primary)); color: var(--manager-text, var(--text-primary)); }
#manager-dialog::backdrop { background: rgba(0, 0, 0, .65); }
#manager-dialog form { display: flex; flex-direction: column; max-height: 85vh; max-height: 85dvh; }
.manager-dialog-header, .manager-dialog-footer { padding: 1rem; flex-shrink: 0; }
.manager-dialog-header { border-bottom: .0625rem solid var(--manager-border, var(--border-primary)); }
.manager-dialog-footer { border-top: .0625rem solid var(--manager-border, var(--border-primary)); }
.manager-dialog-body { overflow-y: auto; padding: 1rem; min-height: 0; }
.manager-dialog-body label { display: block; margin: 1rem 0 .375rem; }
.manager-dialog-body input:not([type=checkbox]), .manager-dialog-body textarea { width: 100%; min-width: 0; min-height: 2.75rem; padding: .625rem; font: inherit; background: var(--manager-surface, var(--bg-secondary)); color: var(--manager-text, var(--text-primary)); border: .0625rem solid var(--manager-border, var(--border-secondary)); border-radius: .375rem; color-scheme: dark; }
[data-theme=light] .manager-dialog-body input, [data-theme=light] .manager-dialog-body textarea, .light .manager-dialog-body input { color-scheme: light; }
[data-theme=dark] .manager-dialog-body input, [data-theme=dark] .manager-dialog-body textarea { color-scheme: dark; }
.manager-dialog-body .manager-confirm { display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; }
.manager-confirm input { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
#manager-save-status { margin-top: 1rem; }
.event-manager [hidden], #manager-dialog [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .event-manager *, #manager-dialog * { transition: none; animation: none; } }