@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
input[type=time]{min-width:128px}
.workspace>*,.hero>*,.calendar>*{min-width:0}.drop input{width:100%;min-width:0}
:root{font-family:'DM Sans',sans-serif;color:#183c36;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:92px;max-width:1260px;margin:auto;display:flex;align-items:center;gap:25px;padding:0 35px;border-bottom:1px solid #dcded3}.brand{font-size:25px;color:#164f46;text-decoration:none}.pill{font-size:10px;letter-spacing:1.4px;border:1px solid #cbd6c8;padding:9px 12px;border-radius:30px}main{max-width:1260px;margin:auto;padding:48px 35px 20px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;margin-bottom:45px}.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#657e60}h1{font-family:Manrope,sans-serif;font-size:58px;line-height:1.12;letter-spacing:-2.8px;margin:20px 0}p{line-height:1.65;color:#65746c;font-size:14px;max-width:600px}h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px;margin:13px 0}.timezone{font-size:12px;margin-top:25px}.timezone span{color:#778278}.hero aside{background:#e7eddd;border-radius:20px;padding:30px 36px;transform:rotate(1deg)}aside>span{font-size:10px;letter-spacing:1.4px}ol{list-style:none;counter-reset:steps;padding:0;margin-bottom:0}li{counter-increment:steps;margin-top:25px;position:relative;padding-left:44px}li:before{content:counter(steps);position:absolute;left:0;top:1px;border:1px solid #b8c5ac;border-radius:50%;padding:6px 11px;font-size:12px}li b{font-size:14px}small{display:block;color:#788573;font-size:12px;margin-top:6px}.workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.card{background:#fffef9;border:1px solid #e0e3d7;border-radius:18px;padding:28px}.drop{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #adbfa7;background:#f4f7ee;padding:30px 15px;border-radius:12px;cursor:pointer;margin:22px 0}.drop strong{font-size:16px}.drop span{font-size:11px;color:#788573;margin:10px}.drop input{max-width:100%;font-size:12px}button{font:600 12px 'DM Sans',sans-serif;padding:12px 17px;border:1px solid #cdd6c9;border-radius:8px;background:#fffef9;color:#245347;cursor:pointer}button:hover{background:#edf2e8}button:disabled{opacity:.5;cursor:default}.primary{background:#164f46;color:white;border-color:#164f46}.primary:hover{background:#236858}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.spread{justify-content:space-between}label{display:block;font-size:12px;color:#5a6e5c}input,select,textarea{font:inherit;border:1px solid #cdd6c9;border-radius:6px;padding:9px;color:#183c36;background:white}input[type=number]{width:100%;margin-top:8px}textarea{width:100%;resize:vertical;margin-top:12px}details{font-size:12px;margin-top:20px}summary{cursor:pointer}.notice{font-size:11px;border-left:2px solid #b2bf9a;padding-left:12px;margin-top:24px}.empty{min-height:220px;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#8a9485;border:1px dashed #dce1d3;border-radius:12px;font-size:14px}.shift{border:1px solid #e0e5d8;border-radius:10px;margin:10px 0;padding:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shift input[type=date]{width:145px}.shift input[type=time]{width:110px}.shift label{display:flex;gap:6px;align-items:center}.shift small{width:100%;overflow-wrap:anywhere;font-size:10px}.shift button{padding:7px}.review-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px}.calendar{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-top:23px}.calendar-actions{display:flex;gap:12px;flex-direction:column;justify-content:center}.calendar-actions select{width:100%;margin-top:8px}#status{padding:20px 5px;font-size:13px;line-height:1.6;white-space:pre-line}footer{border-top:1px solid #dcded3;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#7f8b79}footer a{color:inherit}[hidden]{display:none!important}@media(max-width:800px){header{height:75px;padding:0 20px}.pill{display:none}main{padding:30px 18px}.hero{grid-template-columns:1fr;gap:25px}.hero aside{transform:none}h1{font-size:43px}.workspace,.calendar{grid-template-columns:1fr}.card{padding:22px}.shift input[type=date]{width:140px}.shift input[type=time]{width:102px}} 
