:root{color:#17191b;font-synthesis:none;background:#0c0d0e;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{background:#ecece8;margin:0}button,input,select,textarea{font:inherit}.logo{color:#090a0b;background:#ffd400;border-radius:3px;place-items:center;width:55px;height:46px;font-size:19px;font-weight:950;display:grid;transform:skew(-6deg)}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#777;font-size:10px;font-weight:800}.splash{color:#fff;background:#0c0d0e;place-content:center;justify-items:center;gap:18px;height:100vh;display:grid}.splash b{color:#ffd400;font-size:40px}.login{background:radial-gradient(circle at 70% 20%,#292b2e,#090a0b 60%);place-items:center;min-height:100vh;padding:24px;display:grid}.login section{color:#fff;background:#17191b;border:1px solid #343639;border-radius:20px;width:min(480px,100%);padding:48px;box-shadow:0 35px 90px #0008}.login h1{margin:24px 0 16px;font-size:42px;line-height:.98}.login p:not(.eyebrow){color:#9da0a4;line-height:1.6}.login label,.booking-form label{text-transform:uppercase;color:#8f9296;font-size:10px;font-weight:800}.login input,.booking-form input,.booking-form select,.booking-form textarea{color:#fff;background:#0d0f10;border:1px solid #3d4044;border-radius:7px;width:100%;min-height:50px;margin-top:8px;padding:10px 13px;display:block}.login button,.primary{color:#0b0c0d;cursor:pointer;background:#ffd400;border:0;border-radius:7px;min-height:48px;padding:0 18px;font-weight:900}.login form>button{width:100%;margin-top:12px}.login .link{color:#aaa;background:0 0}.error{color:#ff6d64!important}.notice{color:#73df8d}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.app>aside{color:#fff;background:#0d0f10;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.app nav{flex-direction:column;gap:5px;margin-top:50px;display:flex}.app nav button,.user button{color:#a6a9ad;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:13px 14px;font-weight:700}.app nav button.active{color:#090a0b;background:#ffd400}.user{border-top:1px solid #2b2d30;flex-direction:column;gap:7px;margin-top:auto;padding-top:20px;display:flex}.user small{color:#ffd400;text-transform:uppercase;font-weight:800}.user span{font-size:12px}.user button{padding-left:0}.app>main{padding:42px clamp(24px,4vw,70px)}.app header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.app header h1{margin:0;font-size:43px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stats article,.panel{background:#fff;border:1px solid #dddcd6;border-radius:13px;box-shadow:0 10px 30px #0000000a}.stats article{flex-direction:column;padding:25px;display:flex}.stats small{text-transform:uppercase;color:#777;font-size:10px}.stats strong{margin:12px 0 3px;font-size:48px}.stats span{color:#6f7275;font-size:11px}.panel{margin-top:20px;padding:26px}.panel h2{margin:0 0 20px}.panel-head{justify-content:space-between;align-items:center;display:flex}.empty{color:#8b8e91;place-content:center;justify-items:center;min-height:220px;display:grid}.empty b{color:#c2c3bd;font-size:35px}.table article{border-top:1px solid #e6e5df;grid-template-columns:58px 1fr 12px 110px auto;align-items:center;gap:15px;padding:12px 0;display:grid}.table img{object-fit:cover;border-radius:5px;width:58px;height:44px}.table article>div{flex-direction:column;display:flex}.table span{color:#777;font-size:11px}.table i{background:#5cc875;border-radius:50%;width:9px;height:9px}.table i.limited{background:#ffd400}.table i.busy{background:#ff5c54}.table article button{background:#fff;border:1px solid #ccc;border-radius:5px;padding:8px}.editor{border-top:2px solid #ddd;margin-top:28px;padding-top:24px}.editor>p{color:#6f7275}.archive-button{cursor:pointer;background:#fff;border:1px solid #b6b6b6;border-radius:7px;margin-left:12px;padding:12px 18px}.editor .booking-form button{justify-self:stretch}.calendar-grid article{border-top:1px solid #eee;grid-template-columns:190px repeat(14,1fr);align-items:center;display:grid}.calendar-grid b{font-size:11px}.calendar-grid span{text-align:center;border-bottom:3px solid #65c77b;padding:12px 1px;font-size:9px}.calendar-grid span.limited{border-color:#ffd400}.calendar-grid span.busy{border-color:#ff5c54}.booking-form{background:#17191b;border-radius:10px;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;padding:22px;display:grid}.booking-form .wide{grid-column:1/-1}.booking-form textarea{min-height:80px}.booking-form .checkbox{grid-column:1/-1;align-items:center;gap:8px;display:flex}.booking-form .checkbox input{width:18px;min-height:18px;margin:0}.booking{border-top:1px solid #ddd;grid-template-columns:1fr 1fr auto;padding:15px;display:grid}.booking em{text-transform:uppercase;color:#846f00;font-size:10px}@media (width<=850px){.app{grid-template-columns:1fr}.app>aside{flex-direction:row;align-items:center;height:auto;padding:12px 14px;position:relative}.app nav{flex-direction:row;margin:0 0 0 auto;overflow:auto}.app nav button{white-space:nowrap;font-size:10px}.user{display:none}.app>main{padding:25px 14px}.app header h1{font-size:32px}.stats{grid-template-columns:1fr}.table article>strong{display:none}.table article{grid-template-columns:50px 1fr 10px auto}.table article>button{display:block}.calendar-grid{overflow-x:auto}.calendar-grid article{min-width:750px}.booking-form{grid-template-columns:1fr}.booking-form .wide{grid-column:auto}.login section{padding:30px}.app header .primary{font-size:10px}}