:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-bg: #ffffff;--app-text: #1f2937;--app-text-muted: #6b7280;--app-text-secondary: #374151;--app-border: #e5e7eb;--app-border-light: #d1d5db;--surface: #ffffff;--surface-hover: #f9fafb;--surface-alt: #f3f4f6;--surface-selected: #eff6ff;--surface-admin: #dbeafe;--surface-success: #d1fae5;--surface-error: #fee2e2;--surface-warning: #fef3c7;--surface-info: #ecfdf5;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-text: #ffffff;--primary-muted: #1e40af;--error: #dc2626;--error-bg: #fee2e2;--error-text: #991b1b;--success: #10b981;--success-bg: #ecfdf5;--success-text: #047857;--success-badge: #065f46;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-text: #92400e;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--role-admin-bg: #dbeafe;--role-admin-text: #1e40af;--role-member-bg: #f3f4f6;--role-member-text: #4b5563}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--app-bg: #1f2937;--app-text: #f9fafb;--app-text-muted: #9ca3af;--app-text-secondary: #d1d5db;--app-border: #374151;--app-border-light: #4b5563;--surface: #111827;--surface-hover: #1f2937;--surface-alt: #374151;--surface-selected: #1e3a8a;--surface-admin: #1e40af;--surface-success: #064e3b;--surface-error: #7f1d1d;--surface-warning: #78350f;--surface-info: #064e3b;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-text: #ffffff;--primary-muted: #93c5fd;--error: #f87171;--error-bg: #7f1d1d;--error-text: #fecaca;--success: #34d399;--success-bg: #064e3b;--success-text: #a7f3d0;--success-badge: #6ee7b7;--warning: #fbbf24;--warning-bg: #78350f;--warning-text: #fde68a;--modal-overlay: rgba(0, 0, 0, .7);--modal-bg: #1f2937;--role-admin-bg: #1e40af;--role-admin-text: #93c5fd;--role-member-bg: #374151;--role-member-text: #d1d5db}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--app-bg);color:var(--app-text)}#root{width:100%}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}h1,h2,h3,h4{color:var(--app-text)}button{border-radius:8px;border:1px solid var(--app-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-alt);color:var(--app-text);cursor:pointer;transition:border-color .25s,background-color .2s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:2px solid var(--primary)}