@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:#f7f8fa;color:#18202f}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#111827;color:#aeb7c7;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;padding:0 10px;height:38px}.mark{width:29px;height:29px;border-radius:8px;background:#6366f1;display:grid;place-items:center}.workspace{margin:18px 5px 22px;padding:10px;border:1px solid #293245;border-radius:8px;font-size:12px;color:#e5e7eb;display:flex;gap:8px;align-items:center}.workspace i{width:8px;height:8px;border-radius:50%;background:#34d399}.workspace svg{margin-left:auto}.navlabel,.pagehead small,.pro small{font-size:9px;letter-spacing:.12em;font-weight:700}.navlabel{padding:0 10px 7px}.nav{display:flex;gap:11px;align-items:center;padding:10px 11px;border-radius:7px;font-size:13px;margin:2px 0}.nav:hover{background:#1a2232;color:#fff}.nav.active{background:#252d3d;color:#fff;box-shadow:inset 2px 0 #818cf8}.sidebottom{margin-top:auto}.pro{background:#192234;border:1px solid #2b3548;border-radius:10px;padding:14px;margin-bottom:14px}.pro small{color:#818cf8}.pro b{display:block;color:#fff;font-size:13px;margin-top:6px}.pro p{font-size:10px;line-height:1.5;color:#8994a8}.pro button{border:0;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:700}.me{border-top:1px solid #293245;padding:14px 6px 0;display:flex;align-items:center;gap:9px}.me div:nth-child(2){flex:1}.me b,.me span{display:block;font-size:10px}.me b{color:#eee}.me span{color:#7f8a9f;margin-top:2px}.main{margin-left:250px}.main header{height:64px;background:#fff;border-bottom:1px solid #e7e9ee;display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.search{width:310px;height:36px;border:1px solid #e8eaf0;background:#f4f5f7;border-radius:8px;color:#8b94a5;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:12px;text-align:left}.search kbd{margin-left:auto;background:#fff;border:1px solid #dfe2e8;border-radius:5px;padding:2px 5px;display:flex;gap:2px}.actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon{border:0;background:transparent;color:#697386;width:35px;height:35px;border-radius:7px;display:grid;place-items:center}.notify{position:relative}.notify i{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#6366f1;border:1px solid white}.mobile{display:none}.page{max-width:1450px;margin:auto;padding:35px 38px 70px}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.pagehead small{color:#8b94a5}.pagehead h1{font-size:27px;letter-spacing:-.04em;margin:5px 0;color:#151b28}.pagehead p{font-size:13px;color:#778195;margin:0}.primary,.secondary{border:1px solid #dfe3e9;border-radius:7px;padding:9px 13px;display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:600}.primary{background:#202735;color:#fff;border-color:#202735}.secondary{background:#fff;color:#394150}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel,.card,.teamcard{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.stat{padding:17px}.statlabel{font-size:11px;color:#6e7788;display:flex;justify-content:space-between}.statlabel span{width:29px;height:29px;border-radius:7px;background:#f2f3f8;display:grid;place-items:center}.stat>b{display:block;font-size:27px;margin:13px 0 3px}.stat>small{font-size:9px;color:#28a36a}.dashgrid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:14px}.wide{grid-column:span 2}.panel{padding:18px}.pt{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pt h2{font-size:13px;margin:0}.pt a{font-size:10px;color:#697386;display:flex;align-items:center}.projectprogress{display:grid;grid-template-columns:1.2fr 1fr auto;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f3}.projectname{display:flex;gap:10px;align-items:center;min-width:0}.projectname>i{width:8px;height:28px;border-radius:4px}.projectname b,.projectname small{display:block}.projectname b{font-size:11px}.projectname small{font-size:9px;color:#8a93a3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progresstxt{display:flex;justify-content:space-between;color:#778195;font-size:9px;margin-bottom:5px}.progress{height:5px;background:#eceef2;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit}.avatars{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatars .avatar{margin-left:-5px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7e9ff;color:#5556a8;font-weight:700;font-size:10px;border:2px solid white}.avatar.small{width:25px;height:25px;font-size:8px;border-width:1px}.taskline{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #eef0f3}.taskline:last-child{border:0}.taskline .dot{width:7px;height:7px;border-radius:50%;flex:none}.dot.low{background:#94a3b8}.dot.medium{background:#f59e0b}.dot.high{background:#f97316}.dot.urgent{background:#ef4444}.taskline>div{flex:1;min-width:0}.taskline b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskline small{font-size:9px;color:#8a93a3}.activity{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #eef0f3;font-size:10px}.activity span{color:#697386}.activity small{display:block;color:#9aa2b1;font-size:9px;margin-top:2px}.toolbar{display:flex;gap:9px;margin:-8px 0 16px;align-items:center}.toolbar button{display:flex;align-items:center;gap:6px}.toolbar span{font-size:10px;color:#8a93a3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:18px}.cardtop{display:flex;justify-content:space-between;color:#9299a7}.bigdot{width:38px;height:38px;border-radius:9px}.card h3{font-size:15px;margin:15px 0 6px}.card p{font-size:10px;color:#7a8496;line-height:1.5;height:32px}.meta{display:flex;justify-content:space-between;font-size:9px;color:#6d7686;margin:17px 0 7px}.cardfoot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7d8696;margin-top:15px}.summary{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px}.summary div{padding:15px 18px;border-right:1px solid #eef0f3}.summary div:last-child{border:0}.summary small,.summary b{display:block}.summary small{font-size:9px;color:#8a93a3}.summary b{font-size:16px;margin-top:4px}.switch,.taskfilters{display:flex;gap:2px;background:#eceef2;border-radius:7px;padding:3px;width:max-content;margin-bottom:12px}.switch button,.taskfilters button{border:0;background:transparent;border-radius:5px;padding:7px 12px;font-size:10px;color:#70798a}.switch .sel,.taskfilters .sel{background:#fff;color:#202735;box-shadow:0 1px 3px #00000012}.kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;overflow:auto}.col{background:#f0f2f5;border:1px solid #e3e5e9;border-radius:9px;padding:9px;min-height:450px}.colhead{display:flex;justify-content:space-between;padding:4px 3px 9px;font-size:10px;font-weight:700}.colhead b{background:#dfe2e7;border-radius:10px;padding:2px 6px;font-size:9px;color:#687182}.taskcard{background:#fff;border:1px solid #e1e4e9;border-radius:8px;padding:11px;margin-bottom:8px}.tasktop,.taskbottom{display:flex;align-items:center;justify-content:space-between}.taskcard>b{font-size:10px;line-height:1.4;display:block;margin:9px 0}.pill{font-style:normal;font-size:8px;font-weight:700;text-transform:uppercase;border-radius:4px;padding:3px 5px}.pill.low{background:#eef2f5;color:#657080}.pill.medium{background:#fff5df;color:#a16a00}.pill.high{background:#fff0e7;color:#bd5c1e}.pill.urgent{background:#feecec;color:#c03939}.labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.labels span{font-size:8px;color:#70798a;background:#f1f3f5;border-radius:3px;padding:3px 5px}.taskbottom{font-size:9px;color:#8b94a4}.taskbottom span{display:flex;gap:4px;align-items:center}.table{overflow:auto}.tr{display:grid;grid-template-columns:1.6fr 1fr .7fr .9fr;gap:15px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf0f3;min-width:650px;font-size:10px}.tr.head{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#929aa8;font-weight:700}.tr b{display:block}.tr small{display:block;color:#9098a7;font-size:8px;margin-top:3px}.tr select{border:1px solid #dfe3e9;background:#fff;border-radius:5px;padding:5px;font-size:9px}.cal{overflow:auto}.week,.calgrid{display:grid;grid-template-columns:repeat(7,1fr);min-width:700px}.week span{padding:9px;text-align:right;border-bottom:1px solid #e5e7eb;font-size:8px;color:#9098a7}.day{min-height:105px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:8px}.day:nth-child(7n){border-right:0}.day>b{display:grid;place-items:center;width:23px;height:23px;font-size:9px;margin-left:auto}.day.today>b{background:#202735;color:#fff;border-radius:50%}.day a{display:block;background:#f0f1ff;color:#5456a5;border-radius:4px;padding:4px;font-size:7px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.teamcard{padding:18px}.teamtop{display:flex;justify-content:space-between}.teamtop .avatar{width:44px;height:44px}.presence{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #d9dde4}.presence.online{background:#34d399}.presence.away{background:#fbbf24}.presence.offline{background:#a0a7b4}.teamcard h3{font-size:14px;margin:14px 0 3px}.teamcard p{font-size:10px;color:#8992a2}.work{display:flex;justify-content:space-between;font-size:9px;color:#7b8494;margin-top:18px}.workbar{height:5px;background:#eceef2;border-radius:5px;margin-top:7px}.workbar i{display:block;height:100%;background:#7c83f5;border-radius:5px}.analytic{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.chart{height:230px;display:flex;align-items:flex-end;gap:14px;padding:15px}.barwrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.barwrap i{display:block;width:30px;max-width:80%;background:#7077e9;border-radius:5px 5px 2px 2px;min-height:10px}.barwrap span{font-size:9px;color:#8b94a3}.metric{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef0f3;font-size:10px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:900px}.settings .panel h2{font-size:14px}.settings label{display:block;font-size:10px;color:#6f7889;margin:13px 0}.settings input,.settings select{display:block;width:100%;margin-top:6px;border:1px solid #dfe3e9;border-radius:7px;padding:9px;background:#fff;font-size:10px}.settings p{font-size:10px;color:#7b8493;line-height:1.6}.danger{color:#bd3f3f}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1875;z-index:100;display:grid;place-items:start center;padding-top:90px}.modal{width:min(620px,calc(100vw - 30px));background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 20px 60px #0003}.searchinput{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid #e9ebef}.searchinput input{border:0;outline:0;flex:1;font-size:12px}.searchinput button{border:0;background:transparent}.group{padding:8px}.group>small{display:block;padding:5px;font-size:8px;text-transform:uppercase;color:#9aa2b0}.group button{width:100%;border:0;background:transparent;border-radius:6px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;font-size:10px}.group button:hover{background:#f3f4f6}.hint{text-align:center;padding:65px 20px;color:#a1a8b4}.hint b,.hint small{display:block;margin-top:8px}.hint b{font-size:11px;color:#596273}.hint small{font-size:9px}.empty{text-align:center;padding:40px;color:#8992a2;font-size:11px}.scrim{display:none}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.stats{grid-template-columns:repeat(2,1fr)}.dashgrid{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}.cards,.team{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s;width:255px}.sidebar.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0004;z-index:15}.main{margin-left:0}.main header{padding:0 16px}.mobile{display:grid;margin-right:6px}.actions .icon:first-child{display:none}.search{flex:1;width:auto}.page{padding:25px 16px 50px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead .primary,.pagehead .secondary{align-self:stretch;justify-content:center}.stats,.dashgrid,.analytic,.settings{grid-template-columns:1fr}.wide{grid-column:span 1}.projectprogress{grid-template-columns:1fr}.projectprogress .avatars{display:none}.cards,.team{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.summary div:nth-child(2){border-right:0}.summary div:nth-child(n+3){border-top:1px solid #eef0f3}.kanban{grid-template-columns:repeat(5,250px)}}