@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#202a37;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}h1{font-size:25px}h2{font-size:19px}h3{font-size:15px}p{color:#708092}a{color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#0d192b;color:#f3f7ff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:29px 15px 16px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 13px;margin-bottom:44px}.brand strong{font:800 15px Manrope;letter-spacing:.12em}.brand small{display:block;color:#91a2bb;font-size:10px;letter-spacing:.16em;margin-top:4px}.brandMark{background:#2e897f;color:#fff;border-radius:12px;min-width:42px;height:42px;display:grid;place-items:center}.navLabel{color:#63768d;font-size:10px;letter-spacing:.13em;font-weight:800;padding:0 18px;margin-bottom:13px}.nav{width:100%;border:0;background:transparent;color:#a5b4c7;text-align:left;padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:10px;font-weight:600;font-size:13px;margin-bottom:4px}.nav:hover,.nav.on{background:#1e3247;color:#fff}.nav.on{box-shadow:inset 3px 0 #65bbac}.sideBottom{margin-top:auto}.sideUser{display:flex;align-items:center;gap:9px;border-top:1px solid #304257;padding:19px 5px}.sideUser b{display:block;font-size:12px}.sideUser small{display:block;color:#91a2bb;font-size:11px;margin-top:4px}.avatar{background:#d4e9e4;color:#277468;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:800;flex-shrink:0}.main{margin-left:250px;min-width:0;width:calc(100% - 250px)}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5ebf0;padding:24px 34px}.eyebrow{font-size:10px;color:#8192a5;font-weight:800;letter-spacing:.12em}.topbar h1{margin:6px 0 0}.topActions,.headingActions{display:flex;align-items:center;gap:10px}.live{display:flex;align-items:center;gap:8px;background:#e8f7f1;color:#287b63;font-weight:800;font-size:10px;letter-spacing:.07em;border-radius:20px;padding:9px 12px}.live.isDemo{color:#a76d24;background:#fff2de}.dot{width:7px;height:7px;background:currentColor;border-radius:50%}.iconButton{background:#fff;color:#6c7d90;border:1px solid #e2e9f0;border-radius:9px;padding:9px;display:grid;place-items:center}.iconButton:hover{background:#f1f5f9}.content{padding:30px 34px;max-width:1580px;margin:0 auto}.banner{background:#fff9e9;border:1px solid #f7e6b7;color:#926e25;border-radius:10px;display:flex;gap:9px;align-items:center;padding:13px 16px;font-size:12px;margin-bottom:22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.heading h2{font-size:21px;margin:0 0 5px}.heading p{font-size:13px;margin:0}.primary,.secondary{border-radius:9px;border:1px solid transparent;padding:11px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary{background:#287e73;color:#fff}.primary:hover{background:#226b62}.secondary{background:#fff;color:#3e5166;border-color:#dde5ed}.secondary:hover{background:#f7fafc}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat,.sectionCard,.taskList,.personCard{background:#fff;border:1px solid #e5eaf0;box-shadow:0 2px 8px #0b24370b;border-radius:13px}.stat{padding:19px 20px}.statTop{display:flex;justify-content:space-between;align-items:center;color:#77889b;font-size:12px;font-weight:600}.stat strong{display:block;font:800 29px Manrope;color:#192b3d;margin:12px 0 5px}.stat small{font-size:11px;color:#9ba7b4}.green{color:#2c9b75!important}.blue{color:#608fd4!important}.red{color:#d35c5c!important}.sectionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.sectionGrid.big{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionCard{display:block;text-align:left;padding:18px;color:#223246}.sectionCard:hover{border-color:#81c8bd}.sectionTop{display:flex;justify-content:space-between;align-items:center;color:#8ea0b0;margin-bottom:13px}.sectionIcon{background:#e9f4f2;color:#398e82;border-radius:9px;padding:9px}.sectionCard strong{font-size:13px}.sectionCard p{font-size:11px;margin:7px 0 15px}.sectionHead{padding-top:13px;color:#8994a6;font-size:11px}.progress{display:flex;align-items:center;gap:10px}.progress .bar{flex:1;min-width:35px;border-radius:8px;background:#e8eef2;height:8px;overflow:hidden}.progress .bar>div{height:100%;background:#2f9687;border-radius:8px;transition:width .2s}.progress b{min-width:35px;text-align:right;font-size:12px;color:#2d6570}.subheading{font-size:16px;margin:0 0 15px}.toolbar{display:flex;gap:11px;align-items:center;margin:0 0 16px}.search,.selectWrap{display:flex;align-items:center;background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:0 12px;color:#8998a7;height:41px}.search{flex:1}.search input{border:0;outline:0;width:100%;padding:10px;background:transparent;font-size:12px}.selectWrap select{border:0;outline:0;background:transparent;padding:9px;color:#3a4c61;font-size:12px}.taskList{overflow:hidden;margin-bottom:25px}.taskTableHead,.taskRow{display:grid;grid-template-columns:minmax(190px,2.2fr) minmax(130px,1.3fr) minmax(100px,.9fr) minmax(90px,.9fr) minmax(145px,1.4fr) 15px;gap:17px;align-items:center;padding:16px 20px}.taskTableHead{background:#f8fafc;border-bottom:1px solid #e6ebf1;color:#91a0b0;font-weight:800;letter-spacing:.07em;font-size:9px}.taskRow{border:0;border-bottom:1px solid #eef1f5;background:#fff;width:100%;text-align:left;min-height:91px;color:#2c3849}.taskRow:hover{background:#f9fcfb}.taskRow:last-child{border-bottom:0}.taskTitle{font-weight:800;font-size:12px;margin-bottom:9px;line-height:1.45}.taskMeta{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.taskMeta>span:not(.tag){font-size:10px;color:#71869a}.members{font-size:11px;color:#617185;line-height:1.55}.members i{color:#a1aab4}.due{font-size:11px;color:#62758a}.due small{display:block;margin-top:7px;font-size:10px;color:#c34f55;font-weight:700}.dueLate{color:#c34f55;font-weight:700}.tag{font-size:10px;border-radius:16px;padding:5px 8px;background:#f0f3f7;color:#62748a;display:inline-block;white-space:nowrap;font-weight:700}.tag.green{background:#e4f7eb;color:#32845c!important}.tag.blue{background:#e8f1ff;color:#3e73a8!important}.tag.amber{background:#fff2df;color:#a77929!important}.tag.danger{background:#ffebeb;color:#c55055!important}.taskEnd .tag{margin-bottom:7px}.commentPreview{display:flex;gap:5px;align-items:center;font-size:10px;color:#8a98a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.commentPreview span{color:#a6b1be}.rowArrow{color:#b2c0cc}.empty{padding:35px;text-align:center;color:#9ca9b7;font-size:13px}.teamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.personCard{display:flex;align-items:center;gap:13px;padding:18px}.personCard strong{font-size:13px}.personCard p{font-size:11px;margin:5px 0}.personCard small{color:#9ba5b0;font-size:10px}.role{text-transform:capitalize}footer{font-size:11px;color:#a7b1bd;padding:14px 0}.toast{position:fixed;top:18px;right:22px;z-index:100;background:#182e3c;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 8px 24px #1115;font-size:12px;max-width:360px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091b30a1;z-index:30;display:flex;justify-content:flex-end}.drawer{width:min(590px,100vw);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-9px 0 26px #0012}.drawerHead{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #e7edf3}.drawerHead h2{margin:8px 0 0;font-size:21px}.drawerBody{padding:20px 24px 50px;overflow-y:auto}.detailDesc{color:#697b8a;font-size:13px;line-height:1.65;margin-bottom:20px}.detailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;border:1px solid #edf1f4;padding:17px;border-radius:11px}.detailsGrid small{display:block;font-size:9px;letter-spacing:.08em;color:#96a2b0;font-weight:800;margin-bottom:7px}.detailsGrid b{font-size:12px}.detailBlock{padding:24px 0;border-bottom:1px solid #eef1f4}.detailBlock h3{margin-bottom:12px}.detailBlock p{font-size:12px;line-height:1.65}.detailBlock>.progress{margin-bottom:13px}.detailBlock input[type=range]{width:100%;accent-color:#2d8b7d}.rangeRow,.between{display:flex;align-items:center;justify-content:space-between}.rangeRow{font-size:11px;color:#9cabb9;margin:4px 0 17px}.rangeRow strong{color:#318b80}.bigPct{font:800 26px Manrope;color:#2d8678}.detailLabel{display:block;margin:17px 0 8px;font-size:11px;color:#6a7a88;font-weight:700}.inlineForm{display:flex;gap:10px}.inlineForm select{flex:1;min-width:0}.inlineForm select,.modalForm select,.modalForm input,.modalForm textarea,.commentForm textarea,.authCard input{border:1px solid #dfe6ed;background:#fff;border-radius:9px;padding:11px;font-size:12px;color:#243548;outline-color:#79b7ad}.muted{color:#9da8b4!important}.comment{border:1px solid #e9eef2;background:#fbfcfd;border-radius:10px;padding:12px;margin-bottom:9px}.commentTop{display:flex;justify-content:space-between;gap:10px}.commentTop strong{font-size:11px}.commentTop small{font-size:10px;color:#a4afba}.comment p{margin:7px 0 0;font-size:12px;color:#596b7c}.commentForm{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.commentForm textarea{width:100%;min-height:85px;resize:vertical}.history{display:flex;gap:10px;margin:10px 0;color:#348c7f}.history strong{display:block;font-size:12px;color:#314559}.history small{font-size:10px;color:#9aa7b5;display:block;margin-top:5px}.modal{background:#fff;width:min(520px,100vw);height:100%;overflow-y:auto}.modalForm{padding:22px;display:flex;flex-direction:column;gap:9px}.modalForm>label,.formCols label{font-size:11px;color:#526575;font-weight:800;margin-top:8px}.modalForm textarea{min-height:80px;resize:vertical}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;padding:13px;border-radius:9px;max-height:150px;overflow:auto}.checks label{font-size:11px;display:flex;align-items:center;gap:6px;color:#607387}.checks input{accent-color:#308e80}.formCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formCols>div{display:flex;flex-direction:column;gap:8px}.modalForm>.primary{margin-top:20px}.authShell{min-height:100vh;background:linear-gradient(140deg,#0d192b,#204538);display:grid;place-items:center;padding:20px}.authCard{background:#fff;width:min(415px,100%);padding:38px;border-radius:19px;box-shadow:0 22px 60px #0004}.authCard .brandMark{width:54px;height:54px;margin-bottom:20px}.authCard h1{font-size:25px;margin:0 0 7px}.authCard p{font-size:13px;line-height:1.6;margin-bottom:24px}.authCard form{display:flex;flex-direction:column;gap:9px}.authCard label{font-size:11px;color:#54677a;font-weight:800;margin-top:8px}.authCard button{margin-top:14px}.error{background:#fff0f0;color:#a93434;padding:12px;border-radius:9px;font-size:12px;margin-top:12px}.help{color:#9faab6;font-size:11px;margin-top:20px;text-align:center;line-height:1.7}.center{display:grid;place-content:center;min-height:100vh;color:#67778a}.loader{height:25px;width:25px;border:3px solid #ddd;border-top-color:#278979;border-radius:50%;animation:spin 1s linear infinite;margin:auto auto 10px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.stats,.sectionGrid{grid-template-columns:repeat(2,1fr)}.taskTableHead,.taskRow{grid-template-columns:minmax(165px,2fr) minmax(95px,1.1fr) minmax(90px,.8fr) minmax(105px,1fr) 15px}.taskTableHead>span:nth-child(2),.taskRow>.members{display:none}}@media(max-width:800px){.sidebar{width:65px;padding:20px 7px}.brand{padding:0;margin:0 auto 32px}.brand>div:last-child,.navLabel,.nav{font-size:0}.nav{justify-content:center;padding:13px 8px}.sideUser>div:last-child{display:none}.sideUser{justify-content:center}.main{margin-left:65px;width:calc(100% - 65px)}.topbar{padding:19px}.content{padding:20px}.heading{align-items:flex-start;flex-direction:column}.teamGrid{grid-template-columns:repeat(2,1fr)}.taskTableHead,.taskRow{grid-template-columns:minmax(170px,1.7fr) minmax(85px,1fr) minmax(90px,1fr) 14px;gap:9px;padding:15px}.taskTableHead>span:nth-child(4),.taskRow>.due{display:none}.taskTableHead>span:nth-child(5){display:block}}@media(max-width:560px){.topbar h1{font-size:20px}.topbar{padding:14px}.topActions .live{font-size:0;padding:9px}.topActions .live .dot{width:9px;height:9px}.content{padding:15px 12px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:24px}.sectionGrid{gap:8px}.sectionCard{padding:12px}.sectionCard strong{font-size:12px}.sectionGrid.big{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.taskTableHead{display:none}.taskRow{display:flex;flex-wrap:wrap;gap:10px}.taskMain{width:100%}.taskRow>.progress{flex:1;min-width:120px}.taskEnd{min-width:125px}.taskRow .rowArrow{margin-left:auto}.taskTitle{font-size:13px}.teamGrid{grid-template-columns:1fr}.headingActions{width:100%;flex-wrap:wrap}.drawerHead,.drawerBody{padding:15px}.detailsGrid{padding:12px}.brandMark{min-width:37px;height:37px}.sidebar{width:53px}.main{margin-left:53px;width:calc(100% - 53px)}}.mineToggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#586d7f;white-space:nowrap}.mineToggle input{accent-color:#2e8d80}.detailBlock .comment .inlineForm{margin-top:10px;flex-wrap:wrap}.detailBlock .comment .modalForm{padding:10px 0 0}.detailBlock .comment .modalForm textarea{width:100%}.sidebar .brand{min-width:0}.topbar>div:first-child{min-width:0}.topbar .eyebrow{overflow-wrap:anywhere}@media(max-width:800px){.topbar .eyebrow{font-size:9px}.topbar h1{overflow-wrap:anywhere}.topbar{gap:12px}.main{min-width:0}.toolbar .mineToggle{max-width:100%}}.taskMeta .assignedDate{font-size:.74rem;font-weight:600;color:#286f68;background:#2d8e801a;border-radius:6px;padding:3px 7px;white-space:nowrap}.assignmentDateInfo{background:#2d8e8014;padding:12px 14px;border:1px solid rgba(45,142,128,.18);border-radius:8px;font-size:.9rem}.assignmentDateInfo small{display:block;margin-top:3px;opacity:.75}