:root{--ink:#24342d;--muted:#68766f;--paper:#f7f6f1;--card:#fff;--green:#2f6b4f;--green-soft:#e5f0e9;--orange:#e89558;--line:#e2e4df;--danger:#a8473d;--shadow:0 14px 35px rgba(36,52,45,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:.72rem 1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.15s}button:hover,.button:hover{filter:brightness(.94);transform:translateY(-1px)}input,select,textarea{width:100%;margin-top:.35rem;padding:.68rem .75rem;border:1px solid #cfd5d0;border-radius:9px;background:#fff;color:var(--ink)}textarea{resize:vertical}label{font-size:.84rem;font-weight:700;color:#526159}.topbar{height:68px;padding:0 max(22px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border-radius:10px;font-family:Georgia,serif;font-size:1.25rem}.session{display:flex;align-items:center;gap:16px;color:var(--muted)}.session form{display:inline}.link-button,.text-button{background:none;color:var(--green);padding:0}.link-button:hover,.text-button:hover{transform:none;text-decoration:underline}.container{max-width:1120px;margin:auto;padding:42px 22px 70px}.flash{margin:0 0 24px;padding:13px 16px;border-radius:10px;background:var(--green-soft);color:#22543d;border-left:4px solid var(--green);font-weight:650}.flash.error{background:#f8e7e5;color:#87362e;border-color:var(--danger)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;letter-spacing:-.035em;margin-bottom:18px}h2{font-family:Georgia,serif;font-size:1.8rem;margin-bottom:8px}h3{margin-bottom:3px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850;color:var(--green);margin-bottom:10px}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:570px}.welcome>div:first-child p:last-child,.page-heading p{color:var(--muted);max-width:540px;font-size:1.05rem}.login-grid{display:grid;gap:16px}.panel,.auth-card,.section-block,.account-box{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.panel{padding:27px}.admin-login{background:transparent;box-shadow:none}.stack{display:grid;gap:16px}.secondary{background:#edf0ed;color:var(--ink)}.hint{font-size:.8rem;color:var(--muted);margin:0}.auth-card{max-width:540px;margin:70px auto;padding:38px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:20px 0 38px}.page-heading h1{margin-bottom:8px}.stats{display:flex;gap:10px}.stats div,.my-count{background:#fff;border:1px solid var(--line);border-radius:14px;min-width:95px;padding:13px;text-align:center}.stats strong,.my-count strong{display:block;font:700 1.6rem Georgia,serif}.stats span,.my-count span{color:var(--muted);font-size:.75rem}.section-block{padding:28px;margin-bottom:24px}.section-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{margin:0}.section-title details{position:relative}.section-title summary{list-style:none;cursor:pointer}.popover{position:absolute;z-index:3;right:0;top:48px;width:min(520px,calc(100vw - 44px));padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.quick-add{display:grid;grid-template-columns:1fr 1.4fr .7fr 1.6fr auto;gap:10px;align-items:end;padding:16px;background:#f3f5f2;border-radius:13px;margin-bottom:22px}.quick-add.compact{grid-template-columns:minmax(220px,1fr) auto;max-width:600px}.schedule{display:grid;gap:8px}.shift{display:grid;grid-template-columns:54px minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px}.shift.assigned{border-left:4px solid var(--green)}.past{opacity:.58}.date-badge{display:grid;text-align:center;line-height:1}.date-badge strong{font:700 1.45rem Georgia,serif}.date-badge span{font-size:.72rem;color:var(--muted)}.shift-main h3{font-size:1rem}.shift-main h3 small{font:inherit;color:var(--green)}.shift-main p{margin:0;color:var(--muted);font-size:.82rem}.assignment{display:flex;align-items:center;gap:5px}.person,.available,.chosen-by{display:inline-block;border-radius:99px;padding:5px 9px;font-size:.75rem;font-weight:750}.person{background:var(--green-soft);color:var(--green)}.available{background:#f6eee7;color:#9b5c30}.icon-button{padding:4px 8px;background:transparent;color:var(--muted);font-size:1.15rem}.icon-button:hover{transform:none;background:#eee}.icon-button.danger{color:var(--danger)}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #cfd5d0;border-radius:12px}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.person-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:850}.person-card>div:nth-child(2){display:grid}.person-card span{font-size:.77rem;color:var(--muted)}.person-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.volunteer-heading{align-items:center}.my-count{min-width:130px}.legend{display:flex;gap:20px;margin-bottom:20px;color:var(--muted);font-size:.82rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.free{background:var(--orange)}.dot.mine{background:var(--green)}.dot.taken{background:#aeb6b1}.volunteer-schedule{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.volunteer-shift{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.volunteer-shift.is-mine{background:var(--green-soft);border-color:#bdd5c6}.volunteer-shift.is-free{border-left:4px solid var(--orange)}.volunteer-shift.is-taken{background:#f1f2f0}.calendar-date{display:grid;text-align:center;line-height:1;text-transform:uppercase}.calendar-date span{font-size:.68rem;color:var(--green);font-weight:850}.calendar-date strong{font:700 1.65rem Georgia,serif}.chosen-by{padding-left:0;color:var(--muted)}.outline-danger{background:transparent;color:var(--danger);border:1px solid #d5aaa6}.past-label{font-size:.75rem;color:var(--muted)}.account-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px}.account-box h2{font-size:1.35rem;margin-bottom:2px}.account-box p{margin:0;color:var(--muted)}.inline-form{display:flex;gap:8px}.inline-form input{margin:0;width:150px}footer{text-align:center;color:#8a948f;font-size:.78rem;padding:20px} @media(max-width:850px){.welcome{grid-template-columns:1fr;gap:25px;min-height:0}.quick-add{grid-template-columns:1fr 1fr}.quick-add button{align-self:end}.volunteer-schedule{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.stats{width:100%}.stats div{flex:1}.people-grid{grid-template-columns:1fr}}@media(max-width:580px){.container{padding:28px 14px 50px}.topbar{padding:0 14px}.brand span:last-child{display:none}.section-block{padding:18px}.quick-add,.quick-add.compact{grid-template-columns:1fr}.shift{grid-template-columns:45px 1fr auto}.assignment{grid-column:2}.shift>form:last-child{grid-column:3;grid-row:1}.volunteer-shift{grid-template-columns:46px 1fr}.volunteer-shift form,.volunteer-shift>.past-label{grid-column:2}.volunteer-shift button{width:100%}.legend{flex-wrap:wrap;gap:8px 15px}.people-grid{font-size:.9rem}.person-actions{gap:4px}.account-box{align-items:stretch;flex-direction:column}.inline-form input{width:100%}.session>span{display:none}h1{font-size:2.45rem}}