@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.sidebar{background:#fff;height:inherit;gap:0px;opacity:0px;border-right:1px solid #E6E4F0;position:relative}.logo{width:160.31px;height:38px;padding-left:20px;gap:8px;opacity:0px;display:flex}.logo img{width:38px;height:38px;padding-top:30px;left:30px;gap:0px;opacity:0px}.logo h3{width:110px;height:30px;padding-top:12px;left:80.31px;font-family:Plus Jakarta Sans;font-size:24px;font-weight:500;line-height:30.24px;text-align:left}.menu ul{width:217px;height:175px;padding-top:53px;padding-left:20px;margin:0;list-style:none}.menu ul li{display:flex;align-items:center;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;padding:3px;gap:8px;color:#9896a3}.menu .fili{width:197px}.dropdown{width:10px;height:7px;align-self:center;margin-left:85px}.menu .lali{width:197px;height:Hug (44px)px;padding:11px 3px;gap:8px;background:#bbb;color:#fff;background:#57f;border-radius:12px}.menu .lali img{width:21px}.projects{height:fit-content}.projects .heading,.tasks .heading{width:217px;height:41px;top:351px;padding:0 10px;gap:0px;border:1px 0px 0px 0px;display:flex;justify-content:space-between;opacity:0px;border-top:1px solid #E6E4F0;margin:auto 10px}.projects h2,.tasks h2{width:82px;height:41px;gap:0px;opacity:0px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:40.6px;text-align:left;color:#d3d2dc}.projects .heading img,.tasks .heading img{width:16px;height:16px;margin-top:20px}.projects ul{margin-left:0;list-style:none;padding:0 20px}.projects ul li{margin-bottom:13px;color:#9896a3;display:flex;justify-content:space-between;align-items:center;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left}.projects ul li text{display:flex;align-items:center;gap:5px}.video,.wallet{display:flex;align-items:center;gap:3px}.projects ul li img{width:25px;height:25px}.tasks ul{padding-top:0;padding-left:20px;padding-right:20px}.tasks ul li{padding-bottom:15px;height:18px;gap:5px;opacity:0px;display:flex;justify-content:space-between;align-items:center;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;color:#9896a3}.tasks ul li text{display:flex;align-items:center;gap:3px}.user{display:flex;justify-content:center;width:223px;height:50px;position:absolute;bottom:1%;left:3%;padding:8px;gap:30px;border:1px solid #E6E4F0;border-radius:10px}.user-info{display:flex;margin-bottom:20px;font-size:15px;gap:15px}.user-info img{width:48px;height:48px;border-radius:5px 0 0;color:#b1dbf6}.user-infotext{width:99px}.user-infotext h3{width:99px;height:5px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;color:#53515b}.user-infotext span{width:89px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:400;line-height:17.64px;text-align:left;color:#a0a0a3}.settings{width:20px;height:20px;align-self:center}@media (max-width: 500px){.sidebar{display:none}}.rightmenu{max-width:353px;width:100%;height:inherit;border-left:1px solid #E6E4F0;background:#fff;padding-left:15px;padding-right:15px}.todos{height:fit-content;display:flex;flex-direction:column;gap:6px}.todobox{height:fit-content;padding:12px 10px;gap:10px;border-radius:10px;opacity:0px;background:#f9f8ff;border:1px solid #E6E4F0}.down{display:flex;justify-content:space-between;align-items:center}.date{font-family:Plus Jakarta Sans;font-size:12px;font-weight:500;line-height:15.12px;text-align:left;color:#bbbabe;display:flex;align-items:center}.todo{font-size:14px;font-family:Plus Jakarta Sans;font-weight:500;line-height:17.64px;text-align:left;display:flex;gap:3px}.checked{color:#57fc;text-decoration:line-through}.notes{width:100%}.notes .calendarbox{box-shadow:0 4px 8px #06031514}.frame74{display:flex;justify-content:space-between;align-items:center}.note h4{font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;line-height:17.64px;text-align:left;margin-top:5px;margin-bottom:0}.note p{font-family:Plus Jakarta Sans;font-size:12px;font-weight:500;line-height:15.12px;text-align:left;margin-top:4px}@media (max-width: 500px){.rightmenu{display:none;width:100%}}.element{display:flex;justify-content:space-between}.middle{width:100%;max-width:100%;flex:1;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - sidebarWidth - rightMenuWidth)}.overview{margin:0;padding:0 20px;background:#fff}.overview .head{display:flex;gap:10px}.head h1{font-family:Plus Jakarta Sans;font-size:22px;font-weight:600;line-height:27.72px;margin-bottom:1px}.color{width:18px;height:18px;background:#00b884;border-radius:3px;margin-top:20px}.overview .cloth{display:flex;gap:8px;opacity:0px;margin-left:7px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left}.overview .cloth img{align-self:center;margin-right:3px}.folder,.teamprojects,.fashion{display:flex;align-items:center}.overview .top{display:flex;justify-content:space-between}.overview .topright{margin-top:20px;margin-right:15px}.hero{background:url(/assets/Gradient-DapR_fNY.png);background-size:cover;max-width:100%;height:198px;display:flex;border-radius:20px;justify-content:space-between;color:#fff;margin:20px 0;position:relative}.hero .headline{display:flex;padding-left:30px;padding-top:95px;gap:10px}.hero .headline img{width:45px;height:45px;margin-top:10px}.hero .headline h2{width:43px;height:10px;gap:0px;opacity:0px;font-family:Plus Jakarta Sans;font-size:16px;font-weight:700;line-height:20.16px;text-align:left}.hero .headline p{width:191px;height:18px;gap:0px;opacity:0px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;line-height:17.64px;text-align:left}.hero .timeframe{display:flex;padding-top:95px;height:40px;gap:16px}.hero .timeframe .created,.deadline,.hours{width:120px;height:18px}.hero .timeframe h2{height:10px;font-family:Plus Jakarta Sans;font-weight:600;font-size:14px;line-height:17.64px;text-align:left;color:#0006}.hero .timeframe p{width:191px;height:18px;top:144px;left:87px;gap:0px;opacity:0px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;color:#000}.detailsAndDescription{display:flex;justify-content:space-between}.details,.description{flex-basis:45%}.description h4{font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;line-height:17.64px;text-align:left;color:#4f4f4f;margin-bottom:0}.description p{font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:22.68px;text-align:left;color:#999}.description img{width:16.5px;height:16.5px}.tags{display:flex;align-items:center;gap:7px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;color:#82808f}.info{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center}.right{flex-basis:50%;font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;line-height:17.64px;text-align:left;color:#bbbbbe}@media (max-width: 500px){.overview{width:100%}.hero{width:100%;flex-direction:column}.hero .headline{position:absolute;top:20px;left:10%;padding:0}.timeframe{width:80%;padding:0;position:absolute;left:10%;bottom:30%;justify-content:space-between}.detailsAndDescription{flex-direction:column}.info{margin-right:30px}.tags{font-size:20px;font-weight:600}.right,.description h4,.description p{font-size:16px}}.calendar{width:fit-content;top:536px;left:281px;gap:0px;opacity:0px;background:#f4f3f3;margin:20px 20px 0}.group12{display:flex;min-height:30px;top:536px;left:281px;gap:8px;border-radius:2px}.calendarhead,.kanban,.list{width:fit-content;height:fit-content;padding:4px 5px;gap:3px;border-radius:5px;opacity:0px;background:#57f;color:#fff;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;display:flex;align-items:center}.kanban,.list{border:1px solid #E6E4F0;background:#fff;color:#82808f}.group12 img{width:22px;height:22px}.frame63{width:100%;display:flex;justify-content:space-between}.frame60{width:32%;gap:13px;opacity:0px}.nameandpriority{display:flex;justify-content:space-between}.task{display:flex;align-items:center;gap:5px;width:fit-content;height:fit-content;font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;line-height:17.64px;text-align:left}.task img{width:22px;height:22px}@media (max-width: 500px){.calendar{width:100%}.frame63{flex-direction:column;align-items:center}.frame60{width:100%}}body{margin:0;background:#f4f3f3}.categories{height:21px;display:flex;gap:3px}.category{padding:4px 10px;gap:10px;border-radius:33px;font-family:Plus Jakarta Sans;font-size:12px;font-weight:600;line-height:15.12px;text-align:left}.purple{background:#7b68ee4d;color:#7b68ee}.green{background:#00b8844d;color:#00b884}.cyan{background:#49ccf94d;color:#49ccf9}.blue{background:#5577ff4d;color:#57f}.red{background:#fd71af4d;color:#fd71af}.yellow{background:#ffc8004d;color:#ffc800}.username{background:#dddddd4d;gap:10px;width:fit-content;height:fit-content;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:17.64px;text-align:left;padding:6px 8px;gap:5px;border-radius:7px;opacity:0px;color:#9d9ba1;background:#e9e8ec}.frame52{height:28px;padding:3px 0 5px;gap:0px;display:flex;justify-content:space-between;align-items:center;opacity:0px;border-bottom:1px solid #E6E4F0;margin:10px}.frame50{display:flex;align-items:center;font-family:Plus Jakarta Sans;gap:5px;font-size:14px;font-weight:600;line-height:17.64px;text-align:left;color:#82808f}.calendarbox{background:#fff;height:fit-content;padding:16px;border-radius:10px;border:1px solid #E6E4F0;margin-bottom:15px}