@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color-scheme:light;--brand-blue: #191b43;--brand-blue-soft: #2b316a;--brand-blue-fog: #dde3ff;--bg: #f4f6ff;--bg-strong: #e8ecff;--panel: rgba(255, 255, 255, .86);--panel-strong: #ffffff;--line: rgba(25, 27, 67, .16);--text: #191b43;--muted: #4e5588;--accent: #191b43;--accent-strong: #303979;--teal: #253b89;--shadow: 0 24px 60px rgba(25, 27, 67, .17)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Outfit,sans-serif;color:var(--text);position:relative;overflow-x:hidden;background:linear-gradient(160deg,#f9fbff,#edf2ff 46%,#e6ecff)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#191b4314,#191b4300 34%),repeating-linear-gradient(-35deg,rgba(25,27,67,.06) 0,rgba(25,27,67,.06) 1px,transparent 1px,transparent 18px);z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 16%,rgba(25,27,67,.18),transparent 34%),radial-gradient(circle at 86% 10%,rgba(37,59,137,.16),transparent 30%);z-index:-1}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--line);background:#ffffffd6;color:var(--text)}textarea{resize:vertical}.shell{width:min(1240px,calc(100vw - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.language-switch{display:flex;justify-content:flex-end;margin-bottom:.75rem}.language-switcher{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .65rem;border-radius:999px;border:1px solid var(--line);background:#ffffffd1}.language-switcher span{font-size:.8rem;color:var(--muted)}.language-switcher select{width:auto;min-width:7.6rem;padding:.38rem .7rem;border-radius:999px}.hero-panel,.dashboard-grid,.volunteer-grid{display:grid;gap:1.5rem}.hero-panel{min-height:calc(100vh - 3rem);align-items:center;grid-template-columns:1.3fr .9fr}.eyebrow{margin:0 0 .75rem;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:var(--teal)}h1,h2,h3,h4,strong{font-family:"DM Serif Display",serif}h1{margin:0;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.96;color:var(--brand-blue)}.lede{width:min(58ch,100%);margin:1.25rem 0 0;font-size:1.08rem;line-height:1.7;color:var(--muted)}.hero-grid,.slot-grid,.cards-column,.registration-list,.task-list,.event-list,.overview-table{display:grid;gap:1rem}.feature-card,.panel,.auth-card,.slot-card,.event-card,.registrations-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px;animation:rise-in .5s ease both}.feature-card{padding:1.1rem}.feature-card span,.slot-header p,.task-row p,.event-meta span,.overview-row span,.registration-item span,.registration-item p,.panel-header p,.event-chip span{color:var(--muted)}.auth-card,.panel,.registrations-panel{padding:1.4rem}.auth-card{display:grid;gap:1rem}.segment-control{display:grid;grid-template-columns:repeat(2,1fr);padding:.3rem;background:#191b431a;border-radius:999px}.segment-control button,.event-chip,.ghost-button,.primary-button{border-radius:999px;padding:.85rem 1.1rem;transition:transform .15s ease,background-color .15s ease,color .15s ease}.segment-control .active,.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#f6f8ff}.primary-button:hover,.ghost-button:hover,.event-chip:hover,.segment-control button:hover{transform:translateY(-1px) scale(1.01)}.ghost-button,.event-chip{background:#f1f4ffe6;color:var(--text)}.event-chip.active{background:#191b4324;color:var(--brand-blue)}.small-button{padding:.65rem .9rem}.dashboard-shell{display:grid;gap:1.5rem}.topbar,.panel-header,.slot-header,.overview-row,.registration-item,.task-row,.row-split,.inline-form{display:flex;gap:1rem}.event-header-actions{display:flex;flex-direction:column;gap:.5rem;min-width:11rem;flex-shrink:0}.event-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.event-title-row h3{margin:0}.row-split{align-items:center;flex-wrap:wrap}.row-split input{flex:1 1 16rem;min-width:0}.row-split button{flex:0 0 auto;white-space:nowrap}.topbar,.panel-header,.slot-header,.overview-row,.registration-item,.task-row{align-items:center;justify-content:space-between}.topbar-actions{display:flex;align-items:center;gap:.75rem}.topbar-brand{display:flex;align-items:center;gap:1rem}.topbar-logo{height:36px;width:auto;object-fit:contain}.brand-logo{display:block;height:48px;width:auto;object-fit:contain;margin-bottom:1.5rem}.topbar .language-switcher{margin:0}.dashboard-grid{grid-template-columns:360px 1fr}.event-list-panel,.workspace-panel,.volunteer-panel{min-height:200px}.stacked-form{display:grid;gap:.8rem}.compact-form{margin-top:1rem}.time-picker-grid{display:grid;gap:.8rem}.time-block{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#ebefffe0);padding:.8rem}.time-block-title{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.time-block-controls{display:grid;gap:.65rem}.time-input-label{display:grid;gap:.32rem;font-size:.82rem;color:var(--muted)}.time-picker-row{display:flex;align-items:center;gap:.45rem}.time-picker-row select{width:auto;min-width:4.6rem}.time-picker-separator{color:var(--muted);font-weight:600;transform:translateY(-.05rem)}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0 1.5rem}.inline-form>button{grid-column:1 / -1}.eligible-volunteer-select{border-radius:999px;padding:.85rem 1.1rem;font-size:inherit}.assign-inline-form{grid-template-columns:minmax(260px,1fr) auto;align-items:stretch}.assign-inline-form>button{grid-column:auto}.eligible-volunteer-select,.assign-volunteer-button{min-height:3.1rem}.assign-volunteer-button{white-space:nowrap}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.compact-grid{grid-template-columns:1fr}.slot-card,.event-card,.registrations-panel{padding:1.1rem}.task-row,.overview-row,.registration-item{padding:.9rem 0;border-top:1px solid var(--line)}.task-row:first-child,.overview-row:first-child,.registration-item:first-child{border-top:0;padding-top:0}.task-actions{display:grid;gap:.5rem;justify-items:end}.volunteer-grid{grid-template-columns:minmax(0,1fr) 320px}.cards-column{grid-auto-rows:max-content}.error-banner{margin:0;padding:.9rem 1rem;border-radius:18px;background:#a51a1a1f;color:#8b1f1f}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .7rem;border-radius:999px;background:#253b891f;color:var(--teal)}.status-pill.muted{background:#191b431a;color:var(--muted)}.empty-state{display:grid;place-items:center;min-height:360px;text-align:center}@media(max-width:980px){.hero-panel,.dashboard-grid,.volunteer-grid{grid-template-columns:1fr}.panel-header,.slot-header,.overview-row,.registration-item,.task-row{align-items:flex-start;flex-direction:column}.task-actions{width:100%;justify-items:stretch}.event-header-actions{width:100%;min-width:0}.row-split button{width:100%}.topbar{align-items:center;flex-direction:row;flex-wrap:wrap}.topbar-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:640px){.shell{width:min(100vw - 1rem,100%);padding-top:.5rem}h1{font-size:2.6rem}.feature-card,.panel,.auth-card,.slot-card,.event-card,.registrations-panel{border-radius:22px}.assign-inline-form{grid-template-columns:1fr}.assign-inline-form>button{grid-column:1 / -1}}.modal-overlay{position:fixed;inset:0;background:#11122894;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--panel-strong);border-radius:18px;box-shadow:var(--shadow);max-width:500px;width:90%;display:flex;flex-direction:column}.modal-content.modal-wide{max-width:780px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:1.3rem}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.modal-close:hover{background:#191b431a}.modal-body{padding:1.5rem;color:var(--text);flex-grow:1}.modal-body p{margin:0;line-height:1.5}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:.75rem}.modal-footer button{padding:.8rem 1.2rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--brand-blue-soft);outline-offset:2px}.shell{animation:fade-page .42s ease}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-page{0%{opacity:0}to{opacity:1}}