:root{--bg:#edf2f8;--paper:#ffffffeb;--paper-strong:#fff;--ink:#1f2f44;--muted:#5b6c81;--line:#1e2f4624;--accent:#2f5fa8;--accent-strong:#1f4a87;--accent-soft:#2f5fa81f;--warn:#b06f1d;--warn-soft:#fdd9965c;--shadow:0 16px 36px #263c5e24;--radius-xl:14px;--radius-lg:10px;--radius-md:8px;--sans:"Segoe UI", "Noto Sans", Tahoma, Verdana, sans-serif;--serif:Cambria, "Times New Roman", serif;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#fffc,#0000 32%),linear-gradient(#e5ebf4 0%,#edf2f8 38%,#f6f9fc 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;font-size:15px;line-height:1.45}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}#app{min-height:100vh}.auth-shell{place-items:center;min-height:100vh;display:grid}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 40px}.hero-panel,.panel{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.hero-panel{border-radius:var(--radius-xl);grid-template-columns:1.7fr 1fr;align-items:end;gap:16px;padding:24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);margin-bottom:8px;font-size:.72rem}.hero-panel h1{font-family:var(--sans);max-width:14ch;margin-bottom:8px;font-size:clamp(1.85rem,3.4vw,2.6rem);font-weight:650;line-height:1.12}.lede,.panel-copy,.location-notes,.empty-state{color:var(--muted)}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hero-stats article,.assignment-card,.location-card,.sample-users,.auth-panel,.assignments-panel,.roster-panel{border-radius:var(--radius-lg)}.hero-stats article{background:var(--paper-strong);border:1px solid #1f4a8724;padding:14px}.hero-stats span{margin-bottom:2px;font-size:1.35rem;font-weight:700;display:block}.dashboard-grid{grid-template-columns:minmax(280px,360px) 1fr;gap:14px;margin-top:14px;display:grid}.assignments-panel,.auth-panel{grid-column:1/-1}.panel{padding:16px}.auth-gate-panel{width:min(680px,100%)}.auth-gate-panel h1{font-family:var(--sans);margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.16}.auth-gate-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.auth-gate-form label{gap:6px;display:grid}.auth-gate-form span{color:var(--muted);font-size:.85rem}.auth-gate-form input,.admin-password-form input,.admin-password-form select{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffc2;width:100%;padding:10px 12px}.auth-gate-form button,.admin-password-form button{background:var(--accent);color:#fff;border:none;border-radius:999px;min-height:42px;padding:0 16px}.auth-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.auth-help-grid article{border-radius:var(--radius-md);background:#ffffff9e;border:1px dashed #1f4a873d;padding:12px}.auth-help-grid h3{margin-bottom:4px}.top-session-bar{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.top-session-actions{align-items:center;gap:10px;display:flex}.role-pill{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-md);color:var(--accent-strong);background:var(--accent-soft);font-size:.74rem;font:inherit;border:none;padding:6px 10px}button.role-pill{cursor:pointer;transition:background .14s,transform .14s}button.role-pill:hover{background:#2f5fa838;transform:translateY(-1px)}.admin-password-form{grid-template-columns:1fr;gap:10px;display:grid}.admin-password-form button[type=submit]{justify-self:start}.admin-subsection-form{margin-top:0}.admin-drawer-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin:0 -24px 16px;padding:0 24px;display:flex}.admin-drawer-tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:.82rem;font-weight:600}.admin-drawer-tab-btn.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.admin-drawer-tab-panel{display:none}.admin-drawer-tab-panel.active{display:block}.admin-directory{border-radius:var(--radius-md);background:#ffffff9e;border:1px dashed #1f4a873d;margin-top:14px;padding:14px}.admin-directory ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.admin-directory li{justify-content:space-between;align-items:center;gap:10px;font-size:.93rem;display:flex}.admin-directory li .ghost-button{min-height:34px;padding:0 12px}.admin-password-form label{gap:8px;display:grid}.admin-password-form span{color:var(--muted);font-size:.9rem}.panel-heading{justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px;display:flex}.panel h2,.location-card h3,.assignment-card h3{font-size:1.25rem;line-height:1.2}.login-form{margin-top:18px}.login-form label,.sample-users p,.assignment-location,.roster-item p,.roster-meta span,.assignment-actions p{font-size:.88rem}.phone-row{gap:10px;margin-top:10px;display:flex}.phone-row input{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffc2;flex:1;min-width:0;padding:14px 16px}.phone-row input:focus-visible{border-color:var(--accent);outline:2px solid #2f5fa866}.phone-row button,.confirm-button,.ghost-button,.sample-phone{border-radius:var(--radius-md);border:none;transition:background .14s,border-color .14s}.phone-row button,.confirm-button{background:var(--accent);color:#fff;padding:0 14px}.phone-row button:hover,.confirm-button:hover,.ghost-button:hover,.sample-phone:hover{border-color:#1f4a8759}.ghost-button{background:0 0;border:1px solid #1e2f4633;padding:10px 14px}button:disabled{opacity:.45;cursor:not-allowed}.sample-users{background:#fff9;border:1px dashed #1f4a8733;max-height:70vh;margin-top:20px;padding:16px;overflow:auto}.parking-team-toolbar{z-index:3;background:#fffffff5;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:2px 0 8px;display:grid;position:sticky;top:0}.parking-team-toolbar input{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;width:100%;padding:10px 12px}.parking-team-filter-row{z-index:2;background:#fffffff5;flex-wrap:wrap;gap:8px;margin-top:8px;padding:0 0 8px;display:flex;position:sticky;top:52px}.parking-team-results{color:var(--muted);margin-top:8px;font-size:.82rem}.parking-team-pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.parking-team-pagination span{color:var(--muted);font-size:.82rem}.sample-users ul,.roster-list{margin:12px 0 0;padding:0;list-style:none}.sample-users li+li,.roster-item+.roster-item{margin-top:10px}.sample-roster-row{background:#fff;border:1px solid #1f4a8729;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.sample-roster-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sample-roster-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sample-roster-phone{color:var(--muted);font-size:.76rem}.sample-roster-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.parking-team-row-badges{flex-wrap:nowrap}.parking-team-row-badges .contact-badge{padding:3px 8px;font-size:.7rem}.contact-badge-group,.meta-badge-group{flex-wrap:wrap;gap:6px;display:flex}.meta-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.meta-badge-serving{color:var(--accent-strong);background:#2f5fa81a}.meta-badge-gender{color:var(--accent-strong);background:#1f4a871f}.meta-badge-gender-female{color:#9d174d;background:#ec489924}.meta-badge-gender-male{color:#166534;background:#1665341f}.meta-badge-family{color:#5b21b6;background:#7c3aed1f}.meta-badge-congregation{color:#92400e;background:#b4530924}.contact-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .14s;display:inline-flex}.contact-badge:hover{opacity:.8}.contact-badge-sms{color:var(--accent-strong);background:#2f5fa81f}.contact-badge-wa{color:#128c50;background:#25d36624}.admin-volunteer-name-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.assigned-contact-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assigned-contact-row input{flex:1;min-width:0}.admin-volunteer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.slot-assignee-list{gap:10px;margin-top:12px;display:grid}.slot-assignee-row{border:1px solid var(--line);background:#ffffffd1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.slot-assignee-row p{color:var(--muted);font-size:.88rem}.slot-assignee-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sample-roster-count{background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:4px 10px;font-size:.8rem;display:inline-flex}.sample-phone{text-align:left;background:#fff;border:1px solid #1f4a8729;width:100%;padding:12px 14px}.assignment-list{gap:14px;display:grid}.assignment-card{border:1px solid var(--line);background:#ffffffdb;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.assignment-card.confirmed{background:#2f5fa81a;border-color:#2f5fa83d}.assignment-location{color:var(--accent-strong);margin-bottom:6px}.assignment-actions{text-align:right}.assignment-actions p{color:var(--muted);margin-bottom:10px}.roster-panel{margin-top:20px}.admin-panel{margin-top:14px}.admin-drawer-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:none;position:fixed;inset:0}.admin-drawer-overlay.is-open{display:block}.admin-drawer{background:var(--paper-strong);z-index:101;flex-direction:column;width:min(580px,100vw);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 40px #0000002e}.admin-drawer.is-open{transform:translate(0)}.admin-drawer-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.admin-drawer-header h2{font-size:1.2rem}.admin-drawer-body{flex-direction:column;flex:1;gap:0;padding:16px 24px 24px;display:flex;overflow-y:auto}.admin-drawer-divider{border:none;border-top:1px solid var(--line);margin:20px 0}.admin-directory-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-directory-list li{justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.admin-directory-list li .ghost-button{flex-shrink:0;min-height:34px;padding:0 12px}.admin-toolbar-row{justify-content:flex-end;margin-bottom:16px;display:flex}.location-grid{grid-template-columns:1fr;gap:12px;display:grid}.location-card{border:1px solid var(--line);background:#ffffffe6;padding:16px}.location-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.location-pill,.status-pill{border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;display:inline-flex}.location-pill{background:var(--accent-soft);color:var(--accent-strong);padding:8px 10px}.location-header-actions{justify-items:end;gap:8px;display:grid}.location-assigned-details{width:100%}.location-assigned-details>summary{cursor:pointer;list-style:none}.location-assigned-details>summary::-webkit-details-marker{display:none}.location-assigned-volunteers{border:1px solid var(--line);background:#fffc;border-radius:12px;gap:6px;min-width:180px;margin:8px 0 0;padding:8px 10px;list-style:none;display:grid}.location-assigned-volunteers li{color:var(--muted);text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.86rem;display:flex}.location-pill-confirmed{color:var(--accent-strong);background:#2f5fa81f}.location-pill-pending{background:var(--warn-soft);color:var(--warn)}.roster-item{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.roster-item:first-child{border-top:none;padding-top:0}.roster-item.current-user{background:linear-gradient(90deg,#2f5fa814,#0000);border-radius:8px;margin-inline:-8px;padding-inline:8px}.roster-meta{text-align:right}.roster-assignee-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.roster-assignee-main{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.roster-meta-badges{justify-content:flex-end}.roster-assignee-meta:first-child,.roster-assignee-meta .status-pill{margin-top:0}.roster-contact-badges{flex-wrap:nowrap;justify-content:flex-end}.roster-capacity-pill{margin-top:8px}.status-pill{margin-top:8px;padding:6px 10px}.status-confirmed{color:var(--accent-strong);background:#2f5fa81f}.status-pending{background:var(--warn-soft);color:var(--warn)}.empty-state{border-radius:var(--radius-md);border:1px dashed var(--line);background:#ffffffa6;padding:18px}.secondary-button,.danger-button{border-radius:var(--radius-md);border:none;padding:10px 14px}.secondary-button{color:var(--accent-strong);background:#2f5fa824}.danger-button{color:#991b1b;background:#7f1d1d1a}.admin-location-list,.admin-assignment-list{gap:16px;display:grid}.admin-location-list{margin-top:20px}.admin-tabs{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffad;gap:6px;margin-top:12px;margin-bottom:10px;padding:4px;display:inline-flex}.admin-tab-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.admin-tab-button.active{color:var(--accent-strong);background:#2f5fa824}.admin-tab-meta{color:currentColor;opacity:.85;font-size:.82rem}.admin-tab-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffad;padding:0 12px 12px}.admin-tab-panel:not(.active){display:none}.admin-login-card{border-radius:var(--radius-lg);background:#ffffffb3;border:1px dashed #1f4a8738;margin-top:12px;padding:18px}.admin-login-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.admin-login-form label{gap:8px;display:grid}.admin-login-form span,.admin-login-hint p{color:var(--muted);font-size:.9rem}.admin-login-form input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.admin-login-form button{background:var(--accent);color:#fff;border:none;border-radius:999px;min-height:46px;padding:0 18px}.admin-login-hint{margin-top:18px}.sample-admin{max-width:360px;margin-top:10px}.admin-location-card,.admin-assignment-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffd6}.admin-location-card{padding:14px}.admin-location-toolbar,.admin-assignment-toolbar,.admin-assignment-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-assignment-toolbar-actions{align-items:center;gap:8px;display:flex}.slot-capacity-pill{color:var(--accent-strong);letter-spacing:.05em;text-transform:uppercase;background:#2f5fa824;border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.slot-capacity-pill.over{color:#991b1b;background:#b91c1c24}.slot-conflict-pill{color:#991b1b;letter-spacing:.05em;text-transform:uppercase;background:#b91c1c24;border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.slot-conflict-message{color:#991b1b;margin-top:10px;font-size:.88rem}.admin-assignment-card.conflict{background:#fef2f2b3;border-color:#b91c1c73}.admin-assignment-header{margin:14px 0 10px}.admin-import-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-sort-controls{align-items:center;gap:8px;margin-right:6px;display:inline-flex}.admin-sort-controls span{color:var(--muted);font-size:.9rem}.hidden-file-input{display:none}.admin-assignment-card{padding:16px}.admin-fields{gap:10px;display:grid}.admin-location-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.admin-assignment-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.admin-assignment-fields input[type=date],.admin-assignment-fields input[type=time]{min-width:140px}.date-picker-input-wrap{align-items:center;gap:8px;display:flex}.date-picker-input-wrap input{flex:1}.date-picker-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.admin-assignment-fields input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.admin-assignment-fields input[type=time]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.admin-fields label,.admin-textarea-field{gap:6px;display:grid}.admin-fields span,.admin-textarea-field span,.admin-assignment-status{color:var(--muted);font-size:.82rem}.admin-fields input,.admin-fields select,.admin-textarea-field textarea{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:10px 12px}.admin-textarea-field{margin-top:10px}.admin-textarea-field textarea{resize:vertical;min-height:88px}.admin-assignment-toolbar p{font-weight:600}.admin-assignment-status{margin-top:8px}@media (width<=1024px){.hero-panel,.dashboard-grid,.location-grid,.hero-stats,.auth-help-grid{grid-template-columns:1fr}.admin-location-fields,.admin-assignment-fields,.admin-password-form,.auth-gate-form{grid-template-columns:1fr 1fr}.admin-login-form{grid-template-columns:1fr}.assignment-card,.roster-item,.location-header,.admin-location-toolbar,.admin-assignment-toolbar,.admin-assignment-header,.admin-toolbar-row,.top-session-bar,.panel-heading{align-items:start}.assignment-card,.roster-item,.phone-row,.admin-location-toolbar,.admin-assignment-toolbar,.admin-assignment-header,.admin-toolbar-row,.top-session-bar{flex-direction:column}.assignment-actions,.roster-meta{text-align:left}.phone-row button{min-height:48px}.parking-team-toolbar{grid-template-columns:1fr}.parking-team-pagination{justify-content:flex-start}}@media (width<=640px){.shell{width:min(100% - 20px,1180px);padding-top:20px;padding-bottom:28px}.hero-panel,.panel{padding:18px}.admin-location-fields,.admin-assignment-fields,.admin-password-form,.auth-gate-form{grid-template-columns:1fr}.hero-panel h1{max-width:none}.parking-team-filter-row{gap:6px}.parking-team-row-badges{flex-wrap:wrap}}