@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--color-primary:#7380ec;--color-danger:#ff7782;--color-success:#41f1b6;--color-warning:#fb5;--color-white:#fff;--color-info-dark:#7d8da1;--color-info-light:#dce1eb;--color-dark:#363949;--color-light:rgba(132,139,200,.18);--color-primary-varient:#111e88;--color-dark-variant:#677483;--color-background:#f6f6f9;--card-border-radius:2rem;--border-radius-1:0.4rem;--border-radius-2:0.8rem;--border-radius-3:1.2rem;--card-padding:1.8rem;--padding-1:1.2rem;--box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;--box-shadow-down:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff}*{-webkit-appearance:0;appearance:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}html{font-size:14px}body{background:#f6f6f9;background:var(--color-background);color:gray;font-family:Poppins,sans-serif;font-size:.88rem;height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100vw}a{color:#363949;color:var(--color-dark)}img{display:block;width:100%}h1{font-size:1.4rem;font-weight:800}h2{font-size:1.2rem}h3{font-size:.87rem}h4{font-size:.8rem}h5{font-size:.77rem}small{font-size:.75rem}.pre-loader{align-items:center;display:flex;font-size:2rem;justify-content:center}.profile-photo{border-radius:50%;height:2.8rem;overflow:hidden;width:2.8rem}.text-muted{color:#7d8da1;color:var(--color-info-dark)}p{color:#677483;color:var(--color-dark-variant)}b{color:#363949;color:var(--color-dark)}.primary{color:#7380ec!important;color:var(--color-primary)!important}.danger{color:#ff7782!important;color:var(--color-danger)!important}.warning{color:#fb5!important;color:var(--color-warning)!important}.success{color:#41f1b6!important;color:var(--color-success)!important}.container{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:14rem auto 23rem;margin:0 auto;width:96%}aside{height:100vh}aside .top{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-top:1.4rem}aside .logo{display:flex;gap:.8rem}aside .logo img{height:2rem;width:2rem}aside .close{border:2px solid #ff7782;border:2px solid var(--color-danger);border-radius:30px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);display:none;height:33px;padding:5px;width:33px}aside .sidebar{background:#fff;background:var(--color-white);display:flex;flex-direction:column;height:86vh;overflow:hidden;position:relative;top:3rem}aside h3{color:#363949;color:var(--color-dark);font-weight:500}aside .sidebar a{align-items:center;color:#7d8da1;color:var(--color-info-dark);display:flex;gap:1rem;height:4rem;margin-left:2rem;position:relative;transition:all .3s ease}aside .sidebar a img{height:21px;transition:all .3s ease;width:21px}aside .sidebar a:last-child{bottom:2rem;position:absolute;width:100%}aside .sidebar a.active{background:rgba(132,139,200,.18);background:var(--color-light);margin-left:0}aside .sidebar a.active,aside .sidebar a.active h3{color:#7380ec;color:var(--color-primary)}aside .sidebar a.active:before{background:#7380ec;background:var(--color-primary);content:"";height:100%;width:6px}aside .sidebar a.active i{color:#7380ec;color:var(--color-primary);margin-left:calc(1rem - 3px)}aside .sidebar a:hover{border-radius:10px 0 0 10px;box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);padding-left:2rem}aside .sidebar a:hover,aside .sidebar a:hover h3{color:#7380ec;color:var(--color-primary)}main{margin-top:1.2rem}main .date{background:rgba(132,139,200,.18);background:var(--color-light);border-radius:.4rem;border-radius:var(--border-radius-1);display:inline-block;margin-top:1rem;padding:.5rem 1.6rem}main .date input[type=date]{background:transparent;border:none;color:#363949;color:var(--color-dark)}main .insights{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(4,1fr)}main .insights>div{background:#fff;background:var(--color-white);border-radius:2rem;border-radius:var(--card-border-radius);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);margin-top:1rem;padding:1.8rem;padding:var(--card-padding);transition:all .5s ease}main .insights>div:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);cursor:pointer}main .insights>div .middle>img{border-radius:50%;font-size:1.2rem;height:50px;padding:.5rem;width:50px}main .insights>div .middle{align-items:center;display:flex;gap:.2rem;justify-content:space-between}h1,main .insights h3{color:#363949;color:var(--color-dark);font-size:1.5rem;margin:.3rem 0 .6rem;transition:all .5s ease}main .insights>div:hover .left{-webkit-transform:scale(1.09);transform:scale(1.09)}main .insights>div:hover h1{color:#7380ec;color:var(--color-primary)}main .recent-project{margin-top:2rem}main .recent-project h2{margin-bottom:.8rem}main .recent-project table{background:#fff;background:var(--color-white);border-radius:2rem;border-radius:var(--card-border-radius);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);padding:1.8rem;padding:var(--card-padding);text-align:center;transition:all .3s ease;width:100%}main .recent-project table:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down)}main .recent-project table thead th{color:#363949;color:var(--color-dark)}main table tbody td{border-bottom:1px solid rgba(132,139,200,.18);border-bottom:1px solid var(--color-light);color:#677483;color:var(--color-dark-variant);font-size:.9rem;font-weight:500;height:2.8rem}main .recent-project table tbody tr{cursor:pointer;margin:20px 0;overflow:hidden;transition:all .5s ease}main .recent-project table tbody tr:hover{border-radius:10px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);overflow:hidden;-webkit-transform:scale(1.06);transform:scale(1.06)}main .recent-project table tbody tr:last-child td{border:none}td{height:50px}td span{border-radius:10px;margin:5px!important;padding:5px}main .recent-project a,td span{background:#fff;background:var(--color-white);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow)}main .recent-project a{border-radius:2rem;border-radius:var(--card-border-radius);color:#7380ec;color:var(--color-primary);display:block;font-size:1rem;font-weight:500;margin:1.5rem auto;padding:10px;text-align:center;transition:all .3s ease;width:150px}main .recent-project a:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down)}.right{margin-top:1.4rem}.right .top{display:flex;gap:2rem;justify-content:space-around}.right .top button{display:none}.right .theme-toggle{align-items:center;background:rgba(132,139,200,.18);background:var(--color-light);border-radius:.4rem;border-radius:var(--border-radius-1);cursor:pointer;display:flex;height:1.6rem;justify-content:space-around;width:4.2rem}.right .theme-toggle i{align-items:center;display:flex;font-size:1.2rem;height:100%;justify-content:space-between;width:50%}.right .theme-toggle .active{background:#7380ec;background:var(--color-primary);border-radius:.4rem;border-radius:var(--border-radius-1);color:#fff}.right .profile{align-items:center;cursor:pointer;display:flex;gap:2rem;justify-content:flex-end;width:100%}.btn-add img{height:23px;margin-right:1rem;width:23px}.btn-add{align-items:center;background:#fff;background:var(--color-white);border:none;border-radius:2rem;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);color:#111e88;color:var(--color-primary-varient);cursor:pointer;display:flex;font-size:1.3rem;font-weight:500;height:4rem;justify-content:center;margin-top:3rem;transition:all .3s ease;width:100%}.btn-add:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);color:#7380ec;color:var(--color-primary);overflow:hidden;scale:1.05}.right .projects-updates{margin-top:1rem}.right .projects-updates h1{margin-bottom:.8rem}.right .projects-updates .updates{background:#fff;background:var(--color-white);border-radius:2rem;border-radius:var(--card-border-radius);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);padding:1.8rem;padding:var(--card-padding);transition:all .3s ease}.right .projects-updates .updates:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down)}.right .projects-updates .updates .update{grid-gap:1rem;cursor:pointer;display:grid;gap:1rem;grid-template-columns:2.6rem auto;margin-bottom:1rem;padding:10px;transition:all .3s ease}.right .projects-updates .updates .update:hover{border-radius:10px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}.message p{align-items:center;display:flex;justify-content:space-between}.search{margin:1.2rem 0;width:100%}.search input{background:#fff;background:var(--color-white);border:none;border-radius:2rem;border-radius:var(--card-border-radius);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);color:#7380ec;color:var(--color-primary);outline:none;padding:.9rem 1rem;width:100%}.search input:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down)}.add-btn{align-items:center;display:flex;justify-content:center;margin-top:2rem}.add-btn button{background:#fff;background:var(--color-white);border:none;border-radius:30px;border-radius:2rem;border-radius:var(--card-border-radius);box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);color:#7380ec;color:var(--color-primary);cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:50%}.add-btn button:hover{scale:1.1}.add-btn button:active{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);scale:.8}.project-details{align-items:center;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center}.project-details .pro-img>img{border-radius:9px}.project-details .pro-img{align-items:center;border:.5rem solid #75a1b3;border-radius:15px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);display:flex;justify-content:center;margin:1rem 0;width:100%}.project-details .project-info{padding:1rem}.profile-img{align-items:center;display:grid;justify-content:center;margin:0 0 3rem}.profile-img>div{border-radius:50%;height:90px;margin:10px auto;width:90px}.profile-info{align-items:center;display:flex;justify-content:center}.profile-info>h3{color:#7380ec;color:var(--color-primary);font-size:1.1rem}.profile-info>h3>span{color:#7d8da1;color:var(--color-info-dark)}.about{margin:1rem 5rem}.about h3{color:#7380ec;color:var(--color-primary);font-size:1.2rem}.about>div{align-items:center;display:flex;justify-content:center}.about>div>button{background:#fff;background:var(--color-white);border:none;border-radius:15px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);color:#111e88;color:var(--color-primary-varient);font-size:1.3rem;font-weight:500;margin-top:3rem;padding:12px 20px;transition:all .3s ease;width:300px}.about>div>button:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);cursor:pointer;scale:1.1}form input{background:#fff;background:var(--color-white);border:none;border-radius:12px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);font-size:1em;height:40px;margin-top:10px;outline:none;padding:10px;width:100%}.about-input{height:70px}.inputs span{color:#7380ec;color:var(--color-primary);margin:0 0 10px 12px}.profile-form{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.update-btn{align-items:center;display:flex;justify-content:center;margin-top:2rem}.update-btn>button{background:#fff;background:var(--color-white);border:none;border-radius:15px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);color:#111e88;color:var(--color-primary-varient);font-size:1.3rem;font-weight:500;outline:none;padding:15px;transition:all .3s ease}.update-btn>button:hover{box-shadow:inset 3px 3px 6px #cccccf,inset -3px -3px 6px #fff;box-shadow:var(--box-shadow-down);cursor:pointer;scale:1.1}.login-container{height:100vh}.drop,.login-container{align-items:center;display:flex;justify-content:center;position:relative}.drop{border-radius:52% 48% 33% 67%/38% 45% 55% 62%;box-shadow:inset 20px 20px 20px rgba(0,0,0,.05),25px 35px 20px rgba(0,0,0,.05),25px 30px 30px rgba(0,0,0,.05),inset -20px -20px 25px hsla(0,0%,100%,.9);height:350px;width:350px}.login-container .drop:hover{border-radius:50%}.login-container .drop:before{height:35px;left:85px;top:50px;width:35px}.login-container .drop:after,.login-container .drop:before{background:#fff;border-radius:50%;content:"";opacity:.8;position:absolute}.login-container .drop:after{height:15px;left:110px;top:90px;width:15px}.login-container .drop .content{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px;position:relative;text-align:center}.login-container .drop .content h1{color:#363949;color:var(--color-dark);font-size:1.5em;position:relative}.login-container .drop .content form{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.login-container .drop .content form .inputBox{border-radius:25px;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px 15px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);position:relative;width:225px}.login-container .drop .content form .inputBox:before{background:hsla(0,0%,100%,.5);border-radius:5px;content:"";height:3px;left:20%;position:absolute;top:8px;-webkit-transform:translateY(-20%);transform:translateY(-20%);width:55%}.login-container .drop .content form .inputBox input{background:transparent;border:none;border-radius:25px;font-size:1em;height:auto;margin:0!important;outline:none;padding:13px 15px;width:100%}.login-container .drop .content form .inputBox input[type=submit]{color:#fff;cursor:pointer;font-size:1.3em!important;font-weight:700;letter-spacing:.1em}.login-container .drop .content form .inputBox:last-child{background:#ff0f5b;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);transition:all .3s ease;width:120px}.login-container .drop .content form .inputBox:last-child:hover{width:150px}@media screen and (max-width:1200px){.container{grid-template-columns:5rem auto 23rem;width:94%}aside .logo h2,aside .sidebar h3{display:none}aside .sidebar a{width:5.6rem}aside .sidebar a:last-child{margin-top:1.8rem;position:relative}main .insights{grid-template-columns:repeat(1,1fr)}main .recent-project{left:50%;margin:2rem 0 0 8.8rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:94%}main .recent-project table{width:83vw}main .project table .project-tb tr td:nth-child(5),main .project table .project-tb tr td:nth-child(6),main .project table .project-th tr th:nth-child(5),main .project table tbody tr td:first-child,main .project table tbody tr td:last-child,main .project table tbody tr td:nth-child(3),main .project table thead tr th:first-child,main .project table thead tr th:last-child,main .project table thead tr th:nth-child(3){display:none}.profile-form{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.container{grid-template-columns:1fr;width:100%}aside{background:#fff;background:var(--color-white);border-radius:10px;box-shadow:4px 4px 8px #cccccf,-4px -4px 8px #fff;box-shadow:var(--box-shadow);display:none;height:100vh;left:0;padding-right:1.8rem;padding-right:var(--card-padding);position:fixed;transition:all .3s ease;width:17rem;z-index:3}aside .logo{margin-left:1rem}aside .logo h2{display:inline}aside .sidebar h3{display:inline;font-size:1.15rem}aside .sidebar a{height:3.4rem;margin:10px;width:100%}aside .sidebar a:last-child{bottom:5rem;position:absolute}aside .close{cursor:pointer;display:inline-block}main{margin-top:8rem;padding:0 1rem}main .recent-project{margin:3rem 0 0;position:relative;width:100%}main .recent-project table{margin:0;width:100%}.right{margin:0 auto 4rem;width:94%}.right .top{align-items:center;background:#fff;background:var(--color-white);box-shadow:0 1rem 1rem rgba(132,139,200,.18);box-shadow:0 1rem 1rem var(--color-light);height:5rem;left:0;margin:0;padding:0 .8rem;position:fixed;top:0;width:100%;z-index:2}.right .theme-toggle{left:66%;position:absolute;width:4.2rem}.right .profile .info{display:none}.right .top button{background:transparent;border:none;color:#363949;color:var(--color-dark);cursor:pointer;display:inline-block;left:1rem;position:absolute}.right .top button i{font-size:2rem}}
/*# sourceMappingURL=main.be694973.css.map*/