@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#243129;font-synthesis:none;background:#f4f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{z-index:5;background:#fff;border-bottom:1px solid #e1e6df;justify-content:space-between;align-items:center;height:74px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand>span{color:#263408;background:#dcef48;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{font:800 20px Manrope}.brand small{color:#718075}.user{align-items:center;gap:14px;display:flex}.icon{color:#526158;background:0 0;border:0;place-items:center;display:grid}.container{width:min(1120px,92vw);margin:auto;padding:48px 0}.hero{color:#fff;background:#213c31;border-radius:24px;justify-content:space-between;align-items:end;padding:38px 42px;display:flex;box-shadow:0 16px 40px #18302522}.hero h1{margin:5px 0;font:800 clamp(28px,4vw,44px) Manrope}.hero p{color:#c9d4cd;margin:0}.hero .eyebrow{color:#dcef48;letter-spacing:1.8px;font-size:12px;font-weight:700}.hero button,.sheet button,.login button{color:#263408;background:#dcef48;border:0;border-radius:12px;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0;display:grid}.stats article{background:#fff;border:1px solid #e0e6de;border-radius:16px;padding:22px}.stats strong{font:800 30px Manrope;display:block}.stats span{color:#718075}.toolbar{gap:12px;margin:30px 0 16px;display:flex}.toolbar form{background:#fff;border:1px solid #dbe2d9;border-radius:12px;flex:1;align-items:center;padding:0 14px;display:flex}.toolbar input{background:0 0;border:0;outline:0;width:100%;padding:13px}.toolbar select,.grid input,.grid select,.grid textarea{background:#fff;border:1px solid #cfd8cc;border-radius:10px;outline:none;padding:11px}.task-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.task{background:#fff;border:1px solid #e0e6de;border-radius:16px;justify-content:space-between;padding:22px;transition:all .2s;display:flex}.task:hover{transform:translateY(-2px);box-shadow:0 10px 28px #18302512}.task h2{margin:12px 0 6px;font:700 19px Manrope}.task p{color:#647168;margin:0 0 14px}.status,.room,.tags span{background:#edf1eb;border-radius:20px;margin-right:7px;padding:5px 9px;font-size:12px}.s-TERMINEE{color:#17642d;background:#daf1df}.s-BLOQUEE{color:#9f2e21;background:#ffe0dc}.s-EN_COURS{color:#294e9b;background:#e2eafa}.tags{flex-wrap:wrap;gap:5px;display:flex}.empty{text-align:center;background:#fff;border:1px dashed #ccd6c9;border-radius:16px;grid-column:1/-1;padding:60px}.modal{z-index:10;background:#10201999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{background:#f8faf7;border-radius:20px;width:min(720px,100%);max-height:92vh;padding:25px;overflow:auto}.sheet header,.sheet footer{justify-content:space-between;align-items:center;display:flex}.sheet h2{font-family:Manrope}.sheet footer{justify-content:flex-end;gap:10px;margin-top:20px}.sheet .secondary{background:#e5eae3}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid label{flex-direction:column;gap:7px;font-weight:600;display:flex}.grid .wide{grid-column:1/-1}.error{color:#a22e25;background:#ffe5e1;border-radius:8px;padding:10px}.login{background:linear-gradient(135deg,#17372d,#315746);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:24px;width:min(430px,100%);padding:38px;box-shadow:0 25px 80px #0004}.login-card h1{margin:35px 0 8px;font:800 34px Manrope}.login-card>p{color:#718075}.login-card form{gap:17px;margin-top:28px;display:grid}.login-card label{gap:7px;font-weight:600;display:grid}.login-card input{border:1px solid #ccd6c9;border-radius:10px;padding:12px}.login-card button{justify-content:center;margin-top:5px}@media (width<=700px){.container{padding-top:22px}.hero{padding:28px;display:block}.hero button{margin-top:25px}.stats,.task-list{grid-template-columns:1fr}.toolbar{flex-direction:column}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.user span{display:none}}