:root{color:#263d31;background:#f7f5ee;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #bd752e}header{justify-content:space-between;align-items:center;max-width:1280px;height:96px;margin:auto;padding:0 48px;display:flex}.brand{color:inherit;letter-spacing:1.3px;align-items:center;gap:12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:2px;margin-top:6px;font-size:10px;font-weight:400;display:block}.badge{text-align:center;border:1px solid;border-radius:50%;width:48px;height:48px;font-size:35px}.employee{text-overflow:ellipsis;max-width:280px;font-size:12px;overflow:hidden}.hero{border-top:1px solid #d9dece;grid-template-columns:1.2fr 1fr;max-width:1184px;margin:auto;padding:45px 40px 55px;display:grid;position:relative}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700}h1{letter-spacing:-3px;margin:22px 0;font-family:Georgia,serif;font-size:76px;font-weight:400;line-height:.99}.intro{color:#647263;font-size:15px;line-height:1.7}.hero-art{align-self:end;position:relative}.hero-art svg{width:100%;display:block}.sun{background:#dca748;border-radius:50%;width:68px;height:68px;position:absolute;top:0;left:57%}.stamp{text-align:center;letter-spacing:1px;background:#f7f5ee;border:1px solid #647263;border-radius:50%;justify-content:center;align-items:center;width:94px;height:94px;font-size:9px;line-height:1.7;display:flex;position:absolute;bottom:18%;right:2%;transform:rotate(14deg)}.workspace{max-width:1184px;margin:auto;padding:0 40px}.tabs{border-bottom:1px solid #d7dbd1;gap:35px;display:flex}.tabs button{color:#778173;background:0 0;border:0;border-bottom:3px solid #0000;padding:18px 0;font-size:14px}.tabs button.active{color:#263d31;border-bottom-color:#2f4938}.tabs span{background:#e4e8dd;border-radius:50%;margin-left:8px;padding:3px 7px}.datebar{background:#e9eddf;border-radius:6px;align-items:center;gap:20px;margin:28px 0;padding:26px;display:flex}.datebar p{margin:0 0 7px}.datebar>div:first-child{flex:1}.datebar>div:first-child>p:last-child{font-family:Georgia,serif;font-size:19px}.datebar label{color:#647263;gap:8px;font-size:11px;display:grid}input{font:inherit;color:#263d31;background:#f9faf4;border:1px solid #c6cdbd;border-radius:4px;padding:11px 10px;font-size:14px}.arrow{margin-top:22px}.count{border-left:1px solid #c6cdbd;padding-left:22px;font-size:32px}.count small{font-size:10px;display:block}.filterrow{justify-content:space-between;align-items:center;margin:25px 0;display:flex}.filterrow button{background:0 0;border:1px solid #0000;border-radius:20px;padding:9px 17px;font-size:12px}.filterrow button.chosen{color:#fff;background:#2f4938}.filterrow>span{color:#778173;font-size:11px}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}article{background:#fffdf7;border:1px solid #dce0d4;border-radius:7px;overflow:hidden}.picture{padding:18px 18px 0}.tag{letter-spacing:1.5px;font-size:9px}.picture svg{width:100%;display:block}.cardbody{padding:21px}.status{color:#647263;align-items:center;gap:6px;font-size:10px;display:flex}.status i{border-radius:50%;width:6px;height:6px}h2{margin:13px 0 10px;font-family:Georgia,serif;font-size:23px;font-weight:400}.cardbody>p{color:#778173;margin-bottom:23px;font-size:11px}.reserve{text-align:left;background:0 0;border:0;border-top:1px solid #dce0d4;justify-content:space-between;width:100%;padding:12px 0;font-size:12px;font-weight:700;display:flex}details{color:#647263;margin-top:8px;font-size:10px}summary{cursor:pointer}details p{line-height:1.6}footer{flex-direction:column;align-items:center;gap:10px;padding:45px 0;font-size:12px;display:flex}footer strong{font-family:Georgia,serif;font-size:22px;font-weight:400}footer small{color:#8a9082;font-size:10px}.message{background:#e7ecdf;margin-top:20px;padding:16px;font-size:13px}.message button{float:right;background:0 0;border:0;text-decoration:underline}.message a{font-weight:700;text-decoration:underline}.error{color:#9a402b}.bookings{min-height:350px;padding:30px 0}.bookings>p{color:#647263;font-size:13px}.empty{text-align:center;background:#eceee5;margin-top:25px;padding:70px}.empty button{background:0 0;border:0;margin:20px auto 0;text-decoration:underline;display:block}.booking{border-bottom:1px solid #d7dbd1;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.booking h3{font-family:Georgia,serif;font-size:22px;font-weight:400}.booking p{font-size:13px}.booking small{color:#647263;font-size:10px}.booking button{background:0 0;border:1px solid #c6cdbd;border-radius:4px;padding:10px;font-size:12px}.overlay{z-index:10;background:#1b3025aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f7f5ee;border-radius:8px;width:min(480px,100%);padding:38px;position:relative}.modal h2{font-size:32px}.modal h3{margin:25px 0 10px;font-size:16px}.modal p{font-size:13px;line-height:1.7}.modal .eyebrow{font-size:10px}.close{background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:16px}.primary{color:#fff;background:#2f4938;border:0;border-radius:4px;width:100%;margin-top:20px;padding:15px;font-size:13px}@media (width<=800px){header{height:80px;padding:0 22px}.employee{display:none}.hero{grid-template-columns:1.3fr 1fr;padding:30px 24px}h1{font-size:52px}.hero-art{align-self:center}.intro{font-size:13px}.stamp{display:none}.workspace{padding:0 24px}.datebar{flex-wrap:wrap;gap:12px;padding:20px}.datebar>div:first-child{flex-basis:100%}.grid{grid-template-columns:repeat(2,1fr)}.count{margin-left:auto}.filterrow{align-items:flex-start;gap:10px}.filterrow>span{text-align:right;max-width:100px;line-height:1.5}.filterrow button{padding:8px 10px}.hero-art .sun{width:45px;height:45px}}@media (width<=500px){.hero{grid-template-columns:1fr}.hero-art{display:none}h1{font-size:62px}.grid{grid-template-columns:1fr}.count{display:none}.datebar input{max-width:145px}.arrow{display:none}.booking{gap:20px}footer{text-align:center}.empty{padding:40px 20px}}.signout{background:0 0;border:0;margin-left:16px;font-size:11px;text-decoration:underline}.login-form{align-items:center;gap:18px;display:flex}.login-form>div{flex:1}.login-form p{font-size:12px}.login-form label{gap:8px;font-size:11px;display:grid}.login-form .primary{float:none;width:auto;margin:0;text-decoration:none}.employee{max-width:none}@media (width<=800px){.login-form{flex-direction:column;align-items:stretch}.login-form .primary{width:100%}}.instructions{white-space:pre-wrap}.email-option{align-items:center;gap:10px;margin:20px 0;display:flex}.email-option input{width:auto}.gear-form{background:#f0eee4;border-radius:12px;gap:16px;margin:24px 0;padding:24px;display:grid}.gear-form label,.admin>label{gap:8px;display:grid}.gear-form textarea{resize:vertical;min-height:110px;font:inherit;border:1px solid #bec5b6;border-radius:6px;padding:12px}.gear-form select{font:inherit;padding:12px}.modal{max-height:90vh;overflow:auto}.admin .booking{flex-wrap:wrap;gap:12px}.admin button{padding:10px 16px}.admin input[type=url]{width:100%;max-width:650px}footer a{color:inherit}
