*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root,[data-theme=dark]{--bg-page: #0f172a;--bg-sidebar: rgba(30,41,59,.5);--bg-card: rgba(30,41,59,.4);--bg-card-solid: #1e293b;--bg-input: rgba(15,23,42,.6);--bg-hover: rgba(148,163,184,.06);--bg-grid-alt: rgba(148,163,184,.02);--bg-overlay: rgba(0,0,0,.6);--bg-modal: #1e293b;--border: rgba(148,163,184,.08);--border-med: rgba(148,163,184,.1);--border-strong: rgba(148,163,184,.15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #475569;--select-bg: #1e293b;--select-text: #f1f5f9;--admin-border-color: #1e293b;--scrollbar-thumb: #334155;--past-overlay: rgba(15,23,42,.5)}[data-theme=light]{--bg-page: #f1f5f9;--bg-sidebar: rgba(255,255,255,.95);--bg-card: rgba(255,255,255,.8);--bg-card-solid: #ffffff;--bg-input: #f1f5f9;--bg-hover: rgba(148,163,184,.08);--bg-grid-alt: rgba(148,163,184,.04);--bg-overlay: rgba(0,0,0,.3);--bg-modal: #ffffff;--border: rgba(148,163,184,.15);--border-med: rgba(148,163,184,.2);--border-strong: rgba(148,163,184,.3);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--select-bg: #ffffff;--select-text: #0f172a;--admin-border-color: #ffffff;--scrollbar-thumb: #cbd5e1;--past-overlay: rgba(241,245,249,.5)}body{font-family:Instrument Sans,Segoe UI,-apple-system,sans-serif;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#3b82f6;color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}input::placeholder,textarea::placeholder{color:var(--text-faint)}select option{background:var(--select-bg);color:var(--select-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ownGlow{0%,to{box-shadow:0 0 8px var(--glow-color, rgba(59, 130, 246, .2)),0 0 16px var(--glow-color, rgba(59, 130, 246, .08))}50%{box-shadow:0 0 12px var(--glow-color, rgba(59, 130, 246, .3)),0 0 24px var(--glow-color, rgba(59, 130, 246, .12))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}