.page-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}:root{--bg-page: #f5f6f8;--bg-card: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border: #e5e7eb;--primary: #4f46e5}@media(prefers-color-scheme:dark){:root{--bg-page: #0f172a;--bg-card: #111827;--text-main: #f9fafb;--text-muted: #9ca3af;--border: #1f2933}}body{background-color:var(--bg-page);color:var(--text-main);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logos{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.logos img{height:44px;width:auto;max-width:180px;object-fit:contain}.form-card{position:relative;background-color:var(--bg-card);color:var(--text-main);width:100%;max-width:420px;padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000026}.form-fields{border:0;margin:0;padding:0;min-width:0}.form-fields:disabled{opacity:.65}.form-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#ffffffd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px;z-index:2;text-align:center;padding:24px}.form-spinner{width:40px;height:40px;border:4px solid rgba(79,70,229,.2);border-top-color:var(--primary);border-radius:999px;animation:form-spin .8s linear infinite}@keyframes form-spin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;margin-bottom:16px}label{font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}input,select{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.95rem}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--primary)}.checkbox-warning{margin-top:20px;padding:15px;border:1px solid #f5c2c7;background:#f8d7da;border-radius:6px}.warning-text{font-weight:700;margin-bottom:10px;color:#842029}.checkbox-label{display:flex;align-items:center;gap:8px}button{width:100%;margin-top:16px;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}button:hover{opacity:.9}button:disabled{cursor:not-allowed;opacity:.8}.error{color:#ef4444;text-align:center;margin-bottom:12px}@media(prefers-color-scheme:dark){.form-overlay{background:#111827d1}}.table-scroll{overflow-x:auto;padding-bottom:10px;max-width:100%}.volunteer-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0 14px}.volunteer-table th,.volunteer-table td{padding:14px 18px;border:1px solid #e5e5e5;text-align:left;white-space:nowrap;box-sizing:border-box}.volunteer-table th{font-weight:700}.volunteer-table td:nth-child(4),.volunteer-table td:nth-child(5),.volunteer-table td:nth-child(6){max-width:200px;white-space:normal}.subtext{font-size:.85em;color:#666}.tabs{display:flex;flex-direction:row;gap:16px;margin-bottom:20px}.tab-btn{padding:10px 20px;border-radius:6px;border:none;background:#8a86fb;cursor:pointer;font-weight:600;transition:.2s}.tab-btn.active{background:#500692;color:#fff;opacity:.7;pointer-events:none}.toggle{position:relative;width:50px;height:26px;background:#ccc;border-radius:20px;cursor:pointer;transition:.3s}.toggle.on{background:#4a6cf7}.toggle-circle{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}.toggle.on .toggle-circle{transform:translate(24px)}.capacity-bar-container{width:250px;background:#e5e5e5;border-radius:8px;overflow:hidden;height:18px}.capacity-bar-fill{height:100%;background:#500692;transition:width .3s ease}.status-circle{width:65px;height:65px;border-radius:50%;background:conic-gradient(#4a6cf7 var(--percent),#ddd var(--percent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#333}.export-btn{padding:10px 16px;background:#4a6cf7;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:12px}.edit-link{color:#4a6cf7;font-weight:600;cursor:pointer;text-decoration:underline}