@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap";.login{background:#f4f7f4;place-items:center;min-height:100vh;display:grid}.login section{width:min(400px,100% - 40px)}.login-brand{color:#16402e;align-items:center;gap:10px;margin-bottom:40px;font:18px/1.05 "Source Serif 4",serif;display:flex}.login-brand i{color:#fff;background:#174c35;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.login h1{font-size:38px;line-height:1.05}.login>section>p{color:#6c7c72;margin:12px 0 26px;font-size:14px;line-height:1.5}.login form label{color:#506056;margin:14px 0;font-size:12px;font-weight:600;display:block}.login form input{background:#fff;border:1px solid #d5e0d8;border-radius:7px;width:100%;margin-top:6px;padding:11px;font:14px inherit;display:block}.login form .primary{justify-content:center;width:100%;margin-top:12px}.login form em{color:#a33d36;background:#fff0ee;border-radius:7px;padding:10px;font-size:12px;font-style:normal;display:block}*{box-sizing:border-box}:root{color:#1b2921;background:#fff;font-family:DM Sans,Arial,sans-serif}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#b8cbc1;background:#123a2b;flex-direction:column;width:242px;padding:28px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;margin:0 10px 45px;font:18px/1.05 "Source Serif 4",serif;display:flex}.brand i{color:#173f2e;background:#e4ece7;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}nav button,.bottom>button{color:#b2c7bb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;font:500 14px inherit;display:flex}nav button:hover,nav .active{color:#fff;background:#245440}.bottom{margin-top:auto}.profile{border-top:1px solid #2c5b49;align-items:center;gap:9px;margin:15px 10px 0;padding-top:16px;display:flex}.profile>b,.clientlist>b{color:#164631;background:#d9e7df;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:#91aa9e;margin-top:2px}.profile button{color:#b8cbc1;cursor:pointer;background:0 0;border:0;margin-left:auto}.app>main{flex:1;max-width:1500px;margin-left:242px;padding:46px 52px}header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}h1,h2,p{margin:0}h1,h2{color:#19261e;font-family:"Source Serif 4",Georgia,serif}h1{letter-spacing:-.6px;font-size:35px}header p{color:#728077;margin-top:7px;font-size:14px}.head{gap:10px;display:flex}.bell{color:#50645a;background:#fff;border:1px solid #dce6df;border-radius:8px;place-items:center;width:39px;display:grid}.primary{color:#fff;cursor:pointer;background:#174d36;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font:600 13px inherit;display:inline-flex}.primary:hover{background:#0f3828}.stats{grid-template-columns:repeat(2,minmax(220px,390px));gap:15px;margin-bottom:31px;display:grid}.stats button{text-align:left;font:inherit;cursor:pointer;background:#f2f6f3;border:1px solid #0000;border-radius:10px;padding:19px 22px}.stats button.selected{background:#edf5f0;border-color:#317055}.stats span,.stats small{color:#6f7e75;font-size:12px;display:block}.stats strong{color:#203126;margin:3px 0;font:700 30px "Source Serif 4",serif;display:block}.content{grid-template-columns:minmax(0,1fr) 274px;gap:42px;display:grid}.heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.heading h2,.next h2,.clientlist h2{font-size:23px}.heading p{color:#77847b;margin-top:4px;font-size:12px}.filter{color:#4f6156;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9e4dc;border-radius:7px;padding:8px 10px;font:500 12px inherit}.table{border-top:1px solid #dce5df;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}th{text-align:left;color:#77837b;border-bottom:1px solid #dce5df;padding:13px 12px;font-size:11px;font-weight:500}td{color:#43534a;border-bottom:1px solid #edf1ee;padding:15px 12px}tr{cursor:pointer}tbody tr:hover{background:#f8faf8}td strong{color:#29392f;font-weight:600}td small{color:#77857d;margin-top:3px;font-size:11px;display:block}.due{color:#ac473d;font-weight:600}.status{color:#55655b;white-space:nowrap;background:#edf2ef;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1;display:inline-block}.review{color:#226445;background:#e6f1eb}.submitted,.resubmitted{color:#486286;background:#e8eef6}.accepted{color:#26744d;background:#e6f3ec}.rejected{color:#b64b43;background:#fae9e7}.revision{color:#987032;background:#faf0df}.next{border-left:1px solid #e1e9e3;padding-left:27px}.next h2{margin:2px 0 17px;font-size:20px}.next button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1ee;gap:11px;width:100%;padding:13px 0;display:flex}.next i{background:#86a094;border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.next i.hot{background:#c28a3a}.next strong,.next small{display:block}.next strong{color:#2b3c32;font-size:12px}.next small{color:#748178;margin-top:3px;font-size:11px;line-height:1.4}.none{color:#758178;text-align:center;padding:55px 10px;font-size:13px}.clientlist{max-width:680px}.clientlist h2{margin-bottom:14px}.clientlist h2 small{color:#79867f;font:400 13px DM Sans,sans-serif}.clientlist>div{border-top:1px solid #e0e9e3;align-items:center;gap:12px;padding:15px 4px;display:flex}.clientlist>div>span{flex:1}.clientlist strong,.clientlist small{display:block}.clientlist strong{font-size:14px}.clientlist small{color:#758178;margin-top:3px;font-size:12px}.veil{z-index:4;background:#123a2b55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(470px,100%);padding:30px;position:relative;box-shadow:0 20px 70px #102c2055}.modal>p{color:#64766b;margin-bottom:7px;font-size:12px}.modal h2{margin-bottom:22px;font-size:28px}.x{color:#67766d;cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:18px}.modal label{color:#526258;margin:12px 0;font-size:12px;font-weight:600;display:block}.modal input,.modal select,.modal textarea{color:#26372c;border:1px solid #d7e1da;border-radius:7px;width:100%;margin-top:6px;padding:10px;font:13px inherit;display:block}.modal textarea{resize:vertical;height:80px}.twocol,.facts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.facts{border-top:1px solid #e5ece7;margin-bottom:20px;padding-top:16px}.facts small,.facts b{color:#758179;font-size:11px;display:block}.facts b{color:#29392f;margin-top:4px;font-size:13px}.modal footer{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.secondary{color:#22533b;cursor:pointer;background:#fff;border:1px solid #b8c9be;border-radius:8px;padding:10px 13px;font:600 13px inherit}.modal em{color:#aa3e36;background:#fff0ee;border-radius:7px;margin:12px 0;padding:10px;font-size:12px;font-style:normal;display:block}.loading{color:#335545;align-content:center;justify-items:center;gap:15px;min-height:100vh;display:grid}.loading h1{font-size:27px}@media (width<=960px){aside{width:68px;padding:22px 10px}.brand{margin:0 auto 35px}.brand span,nav span,.bottom>button span,.profile div,.profile button{display:none}nav button,.bottom>button,.profile{justify-content:center}.app>main{margin-left:68px;padding:32px}.content{grid-template-columns:1fr}.next{border-top:1px solid #e1e9e3;border-left:0;padding:20px 0}}@media (width<=650px){aside{display:none}.app>main{margin:0;padding:25px 18px}header{flex-direction:column;gap:18px;margin-bottom:27px}.head{width:100%}.head .primary{flex:1;justify-content:center}.stats{grid-template-columns:1fr}.content{display:block}.next{margin-top:28px}.modal{padding:26px 20px}}
