@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#182630;background:#f6f7f9;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6}a{color:inherit}button,input,select,textarea{outline-offset:4px}aside{color:#d6e2e5;background:#102b34;flex-direction:column;width:242px;padding:35px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#e5a96b;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:39px;font-weight:800;text-decoration:none;display:flex}.brand span{letter-spacing:2px;color:#fff;font-size:12px;line-height:1.6}.eyebrow{letter-spacing:1.8px;color:#7c8d96;font-size:10px;font-weight:700}aside .eyebrow{color:#7e9ba4;margin-top:60px}aside h3{color:#fff;margin:10px 0 26px;font-size:22px}.nav{color:#aec3cb;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:13px 12px;display:flex}.nav.selected{color:#fff;background:#254650}.nav small{background:#34515a;border-radius:5px;padding:2px 7px}.sidefoot{color:#8da8b1;margin-top:auto;font-size:11px;line-height:1.9}.sidefoot b{color:#d7e5e9}main{max-width:1600px;margin-left:242px;padding:35px 48px}header{border-bottom:1px solid #e0e5e9;justify-content:space-between;align-items:center;padding-bottom:26px;display:flex}.private{color:#537466;font-size:11px}.intro{justify-content:space-between;align-items:center;margin:38px 0 30px;display:flex}h1{letter-spacing:-1.3px;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:36px}.intro p{color:#7a8790;margin:0}.primary{color:#fff;background:#dc8951;border:0;border-radius:7px;padding:13px 19px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:#fff;border:1px solid #e1e6e9;border-radius:10px;flex-direction:column;gap:12px;padding:23px;display:flex}.stat span{color:#657680;font-size:12px}.stat strong{font-family:Manrope;font-size:34px}.stat small{color:#94a0a7;font-size:10px}.focus{background:#eaf0ef;border:1px solid #dce6e3;border-radius:10px;gap:20px;margin:24px 0 36px;padding:20px 24px;display:flex}.focusicon{color:#577e73;font-size:26px}.focus b{font-size:12px}.focus p{margin:9px 0;font-size:12px}.focus small{color:#7a8d89;font-size:11px}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.toolbar>div:first-child{align-items:center;gap:12px;display:flex}h2{margin:0;font-family:Manrope;font-size:19px}.toolbar span{color:#8e9aa2;font-size:11px}.controls{gap:8px;display:flex}input,select,textarea{color:#263b46;background:#fff;border:1px solid #dce2e6;border-radius:6px;min-width:0;padding:10px}.controls input{width:220px}.controls button,.modalhead button{background:#fff;border:1px solid #dce2e6;border-radius:6px;padding:9px 13px}.tasklist{background:#fff;border:1px solid #dfe5e9;border-radius:10px;overflow:hidden}.task{border-bottom:1px solid #e9edef;gap:17px;padding:23px 24px;display:flex}.task:last-child{border:0}.check{background:#fff;border:1.5px solid #c6d0d6;border-radius:5px;flex-shrink:0;width:19px;height:19px;margin-top:31px}.checked{color:#fff;background:#688a7d;border:0}.taskbody{flex:1;min-width:0}.tasktop{align-items:center;gap:12px;margin-bottom:9px;display:flex}.project{text-transform:uppercase;letter-spacing:1px;color:#8b98a0;font-size:10px;font-weight:700}.badge{color:#73838d;background:#edf0f3;border-radius:4px;padding:4px 7px;font-size:9px}.Waiting{color:#a77b29;background:#fff3dd}.Inprogress{color:#5677ad;background:#e9effb}.Done{color:#5d8971;background:#e9f3ed}.Scheduled{color:#8c72a8;background:#f0eafa}.tasktitle{color:#233a46;text-align:left;background:0 0;border:0;padding:0;font-size:15px;font-weight:700}.task p{color:#7d8a94;margin:8px 0 12px;font-size:12px;line-height:1.7}.meta{color:#7d929a;flex-wrap:wrap;gap:17px;font-size:10px;display:flex}.meta a{color:#658e87;text-decoration:none}.updated{color:#a4afb5;margin-left:auto}.edit{color:#899ba4;background:0 0;border:0;align-self:center;font-size:11px}.empty{text-align:center;color:#83949d;padding:50px}footer{color:#95a1a9;margin:24px 0;font-size:10px}.overlay{z-index:10;background:#0b202d88;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:550px;max-height:94vh;padding:28px;overflow:auto}.modalhead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal label{flex-direction:column;gap:7px;margin:14px 0;font-size:12px;display:flex}.formrow{gap:15px;display:flex}.formrow label{flex:1}.modal>.primary{width:100%;margin-top:15px}.error{color:#a33;background:#ffeded;margin-bottom:15px;padding:15px}@media (max-width:1100px){main{padding:28px}aside{width:200px}main{margin-left:200px}.toolbar{flex-direction:column;align-items:flex-start}.stat{padding:16px}}@media (max-width:700px){aside{flex-direction:row;align-items:center;gap:5px;width:auto;padding:18px;display:flex;position:static;overflow:auto}.brand{margin-right:15px;font-size:25px}.brand span{font-size:8px}aside .eyebrow,aside h3,.sidefoot{display:none}.nav{white-space:nowrap;margin:0;padding:9px;font-size:11px}.nav small{display:none}main{margin:0;padding:22px 16px}.intro{gap:10px;margin:28px 0}h1{font-size:27px}.intro p{font-size:11px}.primary{white-space:nowrap;padding:12px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat strong{font-size:28px}.controls{flex-wrap:wrap;width:100%}.controls input{flex:1;width:150px}.controls select{max-width:150px}.task{gap:12px;padding:18px 13px}.edit{font-size:10px}.updated{margin-left:0}.focus{gap:12px;padding:16px}.focus p{line-height:1.7}header .eyebrow{font-size:8px}.private{font-size:9px}.formrow{flex-direction:column;gap:0}}.birthdays{background:#fff;border:1px solid #e0e8ec;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin:20px 0 28px;padding:20px 24px;display:flex}.birthdays>div:first-child{margin-right:auto}.birthdays h2{margin:6px 0;font-size:16px}.birthdays b{font-size:13px;display:block}.birthdays span:not(.eyebrow){color:#687e8b;margin-top:6px;font-size:11px;display:block}@media (max-width:700px){.birthdays{gap:18px;padding:18px}.birthdays>div:first-child{width:100%}}