@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#233c34;font-synthesis:none;background:#f7f8f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{color:#fff;cursor:pointer;background:#244f3e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#183c2e}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}header{justify-content:space-between;align-items:center;max-width:1240px;height:90px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;text-decoration:none;display:flex}.brand b{color:#5a7862;font-weight:400}.brand small{letter-spacing:2px;margin-top:2px;font-size:9px;font-weight:700;display:block}.brandmark{color:#ecf6cd;background:#244f3e;border-radius:13px;place-items:center;width:42px;height:46px;display:grid}.account{align-items:center;gap:12px;font-size:13px;display:flex}em{border:1px solid #cdd8cb;border-radius:20px;padding:4px 8px;font-size:11px;font-style:normal}main{max-width:1240px;margin:auto;padding:0 40px}.hero{background:#e8eee2;border-radius:20px;justify-content:space-between;align-items:center;padding:48px 54px;display:flex;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;color:#657c58;margin:0 0 16px;font-size:10px;font-weight:800}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-2.3px;margin:0;font-size:52px;font-weight:800;line-height:1.12}h1 span{color:#668257}.intro{color:#627061;margin:22px 0;font-size:15px;line-height:1.7}.hero-meta{color:#56694e;align-items:center;gap:7px;font-size:11px;display:flex}.hero-art{place-items:center;width:340px;height:250px;display:grid;position:relative}.bigheart{stroke-width:.6px;color:#c4d3b6;width:250px;height:250px;position:absolute;transform:rotate(-17deg)}.art-card{z-index:1;background:#fcfdf7;border:1px solid #d7dfd0;border-radius:16px;width:270px;padding:30px;transform:rotate(6deg);box-shadow:0 15px 50px #3c503719}.art-card>span{letter-spacing:2px;font-size:9px}.art-card p{font-family:Manrope;font-size:21px;font-weight:700;line-height:1.5}.dots{display:flex}.dots i{background:#dde8cd;border:3px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;margin-right:-5px;font-style:normal;display:grid}.orbit{color:#81976b;font-size:54px;position:absolute;top:10px;right:0}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 44px;display:grid}.stats>div{background:#fff;border:1px solid #e3e8de;border-radius:12px;align-items:center;gap:17px;padding:20px 24px;display:flex}.stats p{margin:0}.stats b{font:700 27px Manrope;display:block}.stats small{color:#748071;font-size:12px}.stat-icon{color:#70885c;background:#f0f3e9;border-radius:12px;padding:12px;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.section-title .eyebrow{margin-bottom:8px}h2{letter-spacing:-.8px;margin:0;font-size:26px}.tabs{border-bottom:1px solid #dce3d8;gap:25px;margin-bottom:22px;display:flex}.tabs button{color:#75816e;background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:14px 0;font-size:13px}.tabs button.active{color:#244f3e;border-color:#244f3e}.tabs .refresh{margin-left:auto}.filters{background:#fff;border:1px solid #e2e7dc;border-radius:10px;align-items:end;gap:14px;padding:18px;display:flex}.filters label{color:#75816e;flex:1;font-size:10px}.filters label:first-child svg{vertical-align:middle;margin-right:5px}label{color:#54664e;font-size:12px;font-weight:600;display:block}input,select,textarea{color:#2b4235;background:#fff;border:1px solid #dce3d7;border-radius:7px;outline-color:#68855c;width:100%;min-width:0;margin-top:7px;padding:10px;display:block}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #68855c}.filters .checkbox{flex:.7;align-items:center;gap:6px;padding-bottom:10px;display:flex}.checkbox input{width:auto;margin:0}.results{color:#718068;justify-content:space-between;align-items:center;margin:22px 0 15px;font-size:12px;display:flex}.shift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.shift{background:#fff;border:1px solid #e0e6da;border-radius:13px;flex-direction:column;padding:23px;display:flex}.card-top{justify-content:space-between;align-items:start;gap:8px;font-size:10px;display:flex}.tag{color:#698252;background:#eff3e9;border-radius:5px;max-width:60%;padding:5px 8px}.availability{color:#68844e;text-align:right;padding-top:5px;font-weight:700}.booked{color:#244f3e}h3{letter-spacing:-.4px;margin:20px 0 15px;font-size:18px}.detail{color:#6a7666;align-items:center;gap:9px;margin:6px 0;font-size:12px;display:flex}.detail svg{flex-shrink:0}.notes{color:#6a7666;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.capacity{margin-top:auto;padding-top:24px}.capacity>div{background:#edf0e8;border-radius:4px;height:5px;overflow:hidden}.capacity span{background:#96ae76;height:100%;display:block}.capacity small{color:#8a9485;margin:7px 0 17px;font-size:10px;display:block}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions button,.card-actions .button{flex:1;font-size:12px}.subtle{color:#4b6741;background:#edf2e6;padding:8px 12px;font-size:12px}.subtle:hover{background:#e0e8d7}.empty{text-align:center;color:#6e8163;background:#fff;border:1px dashed #ccd7c3;border-radius:14px;padding:55px 25px}.empty h3{color:#294335;font-size:21px}.empty p{margin-bottom:24px;font-size:14px}.setup{background:#fff5df;border:1px solid #ede0bd;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:20px;font-size:14px;display:flex}.setup p{margin-bottom:0;font-size:12px;line-height:1.6}.notice,.error{border-radius:8px;margin-bottom:18px;padding:13px 17px;font-size:13px}.notice{background:#e4eedc}.error{color:#903b26;background:#fbe4dd}.modal-backdrop{z-index:20;background:#15362870;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fafcf7;border-radius:18px;width:570px;max-width:100%;max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 90px #17312650}.close{background:0 0;position:absolute;top:15px;right:15px}.modal h2{margin-bottom:24px}.modal form>label,.two{margin-bottom:17px}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hint{color:#7a866f;font-size:11px;line-height:1.6}.modal form>button{width:100%;margin-top:12px}.modal form>p:not(.hint){font-size:13px;line-height:1.8}.roster{border-top:1px solid #e4e9df;margin-top:20px;padding-top:16px;font-size:12px}.roster>div{justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.roster small{overflow-wrap:anywhere;color:#718069;margin-top:5px;display:block}.staff-panel{background:#fff;border:1px solid #dee6d7;border-radius:12px;margin-top:28px;padding:28px}.staff-panel p{font-size:13px;line-height:1.6}.staff-panel form{align-items:center;gap:12px;max-width:500px;display:flex}.staff-row{justify-content:space-between;align-items:center;display:flex}.staff-row em{margin-left:10px}footer{color:#819076;border-top:1px solid #dde4d5;justify-content:space-between;gap:15px;margin-top:65px;padding:30px 0;font-size:11px;display:flex}.loading{text-align:center;padding-top:100px}.loading h1{font-size:30px}@media (max-width:1000px){.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters label{min-width:140px}.hero-art{width:270px}.hero{padding:35px}h1{font-size:44px}}@media (max-width:650px){header{height:80px;padding:0 20px}.account{overflow-wrap:anywhere;max-width:150px;font-size:10px;display:block}.account em{text-align:center;margin-top:5px;display:block}main{padding:0 20px}.hero{padding:30px 24px}.hero-art{display:none}h1{font-size:39px}.stats{gap:8px;margin-bottom:30px}.stats>div{padding:13px 10px;display:block}.stat-icon{display:none}.stats b{font-size:24px}.stats small{font-size:10px}.section-title{gap:15px}h2{font-size:23px}.section-title button{padding:10px;font-size:11px}.tabs{gap:16px}.tabs button{font-size:11px}.shift-grid{grid-template-columns:1fr}.filters{gap:10px;padding:14px}.filters label{min-width:110px}.two{grid-template-columns:1fr}.modal{padding:28px 22px}.setup{display:block}.setup button{margin-top:14px}footer{line-height:2;display:block}footer span,.staff-panel form{display:block}.staff-panel form button{margin-top:10px}.staff-row{gap:10px}.brand{font-size:22px}}.brand img{width:116px;height:auto;display:block}.brand-divider{background:#dce2d8;width:1px;height:35px;margin:0 8px}.brand-label{letter-spacing:.8px;color:#173454;font-size:11px;font-weight:700}.brand-label small{letter-spacing:1.6px;color:#708663;font-size:9px}.shelter-logo{border-radius:18px;width:280px;max-width:100%;height:auto;box-shadow:0 16px 40px #1f3b2520}.hero .eyebrow{color:#536c44}footer img{object-fit:contain;width:95px;height:auto}.hero-art{height:285px}@media (max-width:650px){.brand img{width:82px}.brand-label{letter-spacing:0;font-size:8px}.brand-label small{letter-spacing:.8px;font-size:7px}.brand-divider{margin:0 2px}.hero-art{width:100%;height:auto;margin-top:28px;display:flex}.hero{display:block}.shelter-logo{width:170px;margin:auto}footer img{margin-bottom:12px}}.permission-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.permission-grid>div{background:#eff3e8;border-radius:9px;padding:16px;font-size:13px}.permission-grid small{color:#66775c;margin-top:8px;line-height:1.7;display:block}.staff-panel form{align-items:end;max-width:none;margin-bottom:20px}.staff-panel form label:first-child{flex:2}.staff-panel form label{flex:1}.staff-row{border-top:1px solid #e3e8dc;padding:16px 0;font-size:13px}.role-actions{align-items:center;gap:12px;display:flex}.role-actions select{width:170px;margin:0}.staff-row b{font-size:12px}@media (max-width:650px){.permission-grid{grid-template-columns:1fr}.staff-row{flex-wrap:wrap}.role-actions{width:100%}.staff-panel form label{margin-bottom:12px}}.booking-link{background:#fff;border:1px solid #ceddc0;border-radius:10px;margin-bottom:22px;padding:20px;font-size:13px}.booking-link p{color:#6a795d;font-size:12px;line-height:1.6}.booking-link input{font-size:12px}.booking-link button{margin-top:10px}.email-toggle{align-items:center;gap:9px;padding:12px 0;display:flex}.email-toggle input{width:17px;height:17px;margin:0}.email-setup{color:#775c30;background:#fff4de;border-radius:9px;padding:15px}.email-list>div{border-top:1px solid #e1e7dc;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;font-size:12px;display:flex}.email-list small{color:#74816a;overflow-wrap:anywhere;margin-top:5px;display:block}.email-list em{flex-shrink:0}details summary{cursor:pointer;margin-top:20px;font-size:13px}@media (max-width:650px){.email-list>div{display:block}.email-list em{margin-top:8px;display:inline-block}}.view-toggle{background:#e9eee3;border:1px solid #d6dfcf;border-radius:10px;gap:3px;padding:4px;display:inline-flex}.view-toggle button{color:#53664a;background:0 0;border-radius:7px;min-height:38px;padding:8px 12px;font-size:12px}.view-toggle button[aria-pressed=true]{color:#fff;background:#244f3e}.view-toggle button:focus-visible{outline-offset:3px;outline:2px solid #244f3e}.shift-info{min-width:0}.shift h3{overflow-wrap:anywhere}.shift-list{grid-template-columns:1fr;gap:12px}.shift-list .shift{grid-template-columns:minmax(0,1fr) 150px 150px;gap:8px 24px;padding:20px 24px;display:grid}.shift-list .card-top{grid-area:1/1;justify-content:flex-start;align-items:center;gap:14px}.shift-list .availability{padding-top:0}.shift-list .shift-info{grid-area:2/1}.shift-list h3{margin:0 0 9px}.shift-list .detail{vertical-align:top;margin:4px 18px 4px 0;display:inline-flex}.shift-list .notes{margin:8px 0 0}.shift-list .capacity{grid-area:1/2/3;align-self:center;margin-top:0;padding-top:0}.shift-list .capacity small{margin-bottom:0}.shift-list .card-actions{grid-area:1/3/3;align-self:center}.shift-list .card-actions button{width:100%}@media (max-width:800px){.shift-list .shift{grid-template-columns:minmax(0,1fr) 140px;gap:12px 20px}.shift-list .capacity{grid-area:3/1;max-width:220px}.shift-list .card-actions{grid-area:1/2/4}}@media (max-width:500px){.shift-list .shift{grid-template-columns:minmax(0,1fr);padding:20px}.shift-list .card-top{flex-wrap:wrap}.shift-list .capacity{grid-area:3/1;max-width:none}.shift-list .card-actions{grid-area:4/1}.view-toggle button{padding:8px 10px}}