@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.menu-close,.menu-backdrop{display:none}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}@media(max-width:760px){.shell aside{display:flex!important;width:min(320px,86vw);z-index:31;transform:translate(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);will-change:transform}.shell aside.mobile-open{transform:translate(0);box-shadow:16px 0 40px #10192b38}.top button.mobile-menu{display:grid!important;width:42px;height:42px;place-items:center;border:1px solid #e1e6eb;border-radius:8px;color:#24344a;flex:0 0 auto}.menu-close{display:grid!important;margin-left:auto;width:34px;height:34px;place-items:center;border:0;border-radius:7px;background:#ffffff12;color:#fff;font-size:25px}.menu-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:#101a2b75;animation:menu-fade .2s ease-out}.shell aside .account{display:flex!important}.shell aside.mobile-open .logo{padding-right:0}}@media(prefers-reduced-motion:reduce){.shell aside{transition:none!important}.menu-backdrop{animation:none!important}}.attachments{display:grid;gap:8px;margin-top:20px}.field-title{font-size:13px;font-weight:700}.file{margin:4px 0!important;cursor:pointer}.file span{display:grid;text-align:center;gap:2px}.file small{font-size:10px;font-weight:500;color:#98a2ae}.attachment-row{width:100%;border:1px solid #e0e5ea;background:#f9fafb;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#27384e;text-align:left}.attachment-row>span{display:grid;min-width:0}.attachment-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-row small{font-size:10px;color:#8a95a2}.attachment-row em{margin-left:auto;font-size:10px;color:#9c6b1d;font-style:normal;display:flex;gap:4px;align-items:center}.selected-file{display:flex;align-items:center;gap:8px;background:#edf7f4;color:#226c5b;border-radius:7px;padding:9px 11px;font-size:12px}.selected-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file small{margin-left:auto;color:#718178}.selected-file button{border:0;background:none;color:inherit}.file-error{background:#fff0ed;color:#a64232;border-radius:7px;padding:10px;font-size:12px}.task-info span svg{vertical-align:-2px}.toast{position:fixed;right:24px;bottom:24px;z-index:20;border:0;border-radius:8px;background:#17243a;color:#fff;padding:13px 18px;box-shadow:0 8px 24px #11182733}:root{font-family:DM Sans,sans-serif;color:#17243a;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary{border:0;background:#1c7c67;color:#fff;border-radius:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.center{min-height:100vh;display:grid;place-items:center}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.auth-brand{padding:9vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#132136,#1d4050);position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff14;border-radius:50%;right:-220px;bottom:-250px;box-shadow:0 0 0 80px #ffffff08}.brand-mark,.logo>div{width:44px;height:44px;background:#28a983;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:700}.auth-brand p{font-size:12px;letter-spacing:2px;margin:24px 0}.auth-brand h1{font-size:48px;line-height:1.08;margin:0 0 24px}.auth-brand span{max-width:480px;line-height:1.7;color:#c8d2dc}.auth-panel{display:grid;place-items:center;padding:40px}.auth-panel form{width:min(410px,100%)}.auth-panel small,.drawer small{color:#1a8e73;letter-spacing:1.8px;font-weight:700}.auth-panel h2{font-size:34px;margin:12px 0 6px}.auth-panel p{color:#6c7786;margin:0 0 34px}.auth-panel label,.drawer label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:18px 0}.auth-panel input,.drawer input,.drawer select,.drawer textarea{width:100%;border:1px solid #dce2e9;border-radius:8px;padding:13px 14px;outline:0;background:#fff}.auth-panel input:focus,.drawer input:focus,.drawer textarea:focus{border-color:#288c76;box-shadow:0 0 0 3px #288c7617}.auth-panel .primary{width:100%;padding:14px;margin-top:22px}.link{background:none;border:0;color:#1c7c67;width:100%;margin-top:18px}.notice{background:#eef9f5;color:#176b59;padding:12px;border-radius:7px;font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.shell aside{background:#17243a;color:#fff;padding:26px 18px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:260px}.logo{display:flex;align-items:center;gap:12px;font-size:20px;padding:0 8px 34px}.logo b{color:#32af8d}.logo>div{width:36px;height:36px;font-size:19px}.shell nav{display:grid;gap:6px}.shell nav small{color:#748398;font-size:10px;letter-spacing:1.5px;padding:14px}.shell nav button{border:0;background:none;color:#aeb8c6;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left}.shell nav svg{width:19px}.shell nav button.active{background:#22344e;color:#fff}.shell nav button span{margin-left:auto;background:#2c9e82;border-radius:20px;padding:2px 8px;font-size:11px}.account{margin-top:auto;border-top:1px solid #ffffff17;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.account>div{width:34px;height:34px;border-radius:50%;background:#2a9b80;display:grid;place-items:center;font-weight:700}.account>span{display:grid;min-width:0}.account small{color:#8996a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.icon{border:0;background:none;color:inherit;margin-left:auto;font-size:25px}.workspace{grid-column:2;min-width:0}.top{height:94px;background:#fff;border-bottom:1px solid #e4e8ed;padding:0 36px;display:flex;align-items:center;gap:24px}.top h1{font-size:24px;margin:0}.top p{font-size:13px;color:#788391;margin:4px 0 0}.sync{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;padding:7px 10px;border-radius:20px}.sync.online{color:#187059;background:#e8f7f2}.sync.offline{color:#a7681c;background:#fff2df}.add{padding:11px 17px}.add svg{width:18px}.mobile-menu{display:none;background:none;border:0}.toolbar{height:68px;background:#fff;border-bottom:1px solid #e4e8ed;padding:12px 36px;display:flex;gap:12px}.search{width:min(420px,50vw);position:relative}.search svg{position:absolute;left:13px;top:13px;color:#8a94a1}.search input{width:100%;border:1px solid #e0e5eb;border-radius:8px;padding:11px 12px 11px 40px}.filters{position:relative;margin-left:auto;display:flex;align-items:center;border:1px solid #e0e5eb;border-radius:8px;padding-left:12px;color:#65717f}.filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:10px 30px 10px 8px;outline:0}.filters svg:last-child{position:absolute;right:10px;pointer-events:none}.content{padding:28px 36px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary article{background:#fff;border:1px solid #e5e9ee;border-radius:10px;padding:19px 22px;display:grid;grid-template-columns:1fr auto;gap:2px}.summary small{font-size:10px;letter-spacing:1.2px;color:#7d8794;font-weight:700}.summary strong{grid-row:1/3;grid-column:2;font-size:30px}.summary span{font-size:12px;color:#9aa3ae}.task-list{background:#fff;border:1px solid #e4e8ed;border-radius:10px;overflow:hidden}.task-list>header{padding:18px 22px;border-bottom:1px solid #e9edf1;display:flex;align-items:center}.task-list h2{font-size:16px;margin:0}.task-list>header span{margin-left:auto;color:#8a94a0;font-size:12px}.task{padding:17px 22px;border-bottom:1px solid #edf0f3;display:flex;align-items:flex-start;gap:14px;cursor:pointer}.task:hover{background:#fafbfc}.task:last-child{border:0}.check{width:22px;height:22px;min-width:22px;border:1.5px solid #bbc4ce;border-radius:6px;background:#fff;color:#fff;padding:2px}.check.done{background:#289d81;border-color:#289d81}.task-info{min-width:0;flex:1}.task-info h3{font-size:14px;margin:1px 0 5px}.task-info p{color:#788390;font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info div{display:flex;gap:6px;margin-top:10px}.task-info span{font-size:10px;color:#697585;background:#f1f3f6;padding:3px 7px;border-radius:4px}.priority{font-size:10px;font-weight:700;text-transform:uppercase;padding:5px 8px;border-radius:5px}.priority.high{background:#fff0ed;color:#b64937}.priority.medium{background:#fff6df;color:#9b7116}.priority.low{background:#eaf7f3;color:#26735f}.pending{color:#d08a28}.empty{text-align:center;padding:72px 25px}.empty>div{width:54px;height:54px;background:#eaf7f3;color:#21866d;border-radius:50%;display:grid;place-items:center;margin:auto}.empty h3{margin:18px 0 6px}.empty p{font-size:13px;color:#86909d}.empty button{padding:11px 16px;margin:22px auto 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a2b66;z-index:10;display:flex;justify-content:flex-end}.drawer{width:min(520px,100%);background:#fff;height:100%;padding:28px 32px;overflow:auto;box-shadow:-10px 0 35px #10192b22}.drawer header{display:flex;align-items:flex-start;border-bottom:1px solid #e5e9ed;padding-bottom:18px;margin-bottom:24px}.drawer h2{margin:6px 0 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tag-input{border:1px solid #dce2e9;border-radius:8px;padding:7px;display:flex;flex-wrap:wrap;gap:6px}.tag-input span{background:#e9f5f2;color:#20725f;border-radius:5px;padding:5px 7px;font-size:12px}.tag-input span button{border:0;background:none;color:inherit}.tag-input input{border:0;padding:5px;flex:1;min-width:160px}.file{border:1px dashed #b9c3ce;border-radius:8px;padding:14px;display:flex!important;grid-auto-flow:column;justify-content:center;color:#6f7b89}.file input{display:none}.drawer footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e9ed;padding-top:20px;margin-top:26px}.drawer footer button{padding:11px 18px;border-radius:7px;border:1px solid #d5dbe2;background:#fff}.drawer footer .primary{background:#1c7c67;border-color:#1c7c67}@media(max-width:760px){.auth{display:block}.auth-brand{min-height:38vh;padding:42px 28px}.auth-brand h1{font-size:34px}.auth-brand span{font-size:13px}.auth-panel{padding:36px 24px}.shell{display:block}.shell aside{display:none}.workspace{grid-column:auto}.top{height:auto;min-height:82px;padding:14px 18px;gap:12px}.top p,.sync,.top .mobile-menu{display:none}.add{margin-left:auto}.add{font-size:0;padding:11px}.add svg{width:20px}.toolbar{padding:11px 18px}.search{width:100%}.filters{width:48px;overflow:hidden}.filters select{width:45px;color:transparent}.content{padding:18px}.summary{grid-template-columns:repeat(3,1fr);gap:8px}.summary article{padding:12px;display:block}.summary strong{display:block;font-size:24px;margin-top:5px}.summary span{display:none}.task{padding:15px}.priority{display:none}.drawer{padding:24px 20px}.grid2{grid-template-columns:1fr}.account{display:none}}@media(max-width:420px){.auth-brand{min-height:34vh}.auth-brand p{margin:16px 0 10px}.auth-brand h1{font-size:28px;margin-bottom:12px}.summary small{font-size:8px}.top h1{font-size:21px}}