@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;#root{padding:0;margin:0}body{background-color:#f8f8f8;height:100%;font-weight:400;font-family:Open Sans;font-size:12.5px;line-height:1.54;color:#1b222cb8;margin:0;padding:0}#root{padding:0;margin:0;height:100vh;width:100vw}.collapse .Dashboard{width:1.3vw;transition:all ease-in-out .6s}.collapse .Dashboard .dashboard-text{display:none}body::-webkit-scrollbar{display:none;scroll-behavior:smooth}#root::-webkit-scrollbar{display:none;scroll-behavior:smooth}.home{margin-top:9vh;height:100vh;width:81vw;flex-direction:column;display:flex;position:relative}.project-form{opacity:0;transform:rotateX(90deg);position:absolute;top:2vh;left:19vw;transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:none}.project-form.open{opacity:1;transform:rotateX(0);z-index:2}.new-project button{width:10vw;height:8vh;padding:3px;border:none;border-radius:5px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;margin-top:5vh;margin-left:3vw}.new-project button:hover{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;cursor:pointer}.home .project-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30vw}.home .project-form .project-content{display:flex;flex-direction:column;align-items:center;margin-top:0vh;margin-left:0vw;border-radius:20px;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;width:26vw;height:92vh;overflow:auto;padding:14px 26px;background-color:#faebd7}.home .project-form .project-content::-webkit-scrollbar{width:4px}.home .project-form .project-content::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.home .project-form .project-content::-webkit-scrollbar-track{background:transparent}.home .project-form input{width:20vw;height:5vh;margin-top:1vh;border:none;border-radius:5px;text-align:center;font-family:Arial,Helvetica,sans-serif;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.home .project-form input::placeholder{text-align:center;font-style:italic}.home .project-form textarea::placeholder{text-align:center;font-style:italic}.home .project-form .form-group{display:flex;flex-direction:column;margin-top:1vh;font-style:italic;font-weight:600}.home .project-form .form-group label{margin-top:1vh;margin-right:1vw}.home .project-form .form-group select{width:20vw;height:5vh;margin-top:1vh;border:none;border-radius:5px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.home .project-form .form-group textarea{width:20vw;height:10vh;margin-top:1vh;border:none;border-radius:5px;font-family:Arial,Helvetica,sans-serif;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.home .project-form button{width:10vw;height:8vh;padding:3px;border:none;border-radius:5px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;margin-top:5vh}.home .project-form button:hover{cursor:pointer;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.home .project-list{display:flex;flex-direction:column;margin-top:5vh;margin-left:3vw}.home .project-list .project{display:flex;flex-direction:row;margin-top:1vh}.home .project-list .project .project-info{display:flex;flex-direction:column;margin-left:1vw}.home .project-list .project .project-info h3,.home .project-list .project .project-info p{margin-top:1vh}.home .project-list .project button{width:10vw;height:8vh;padding:3px;border:none;border-radius:5px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;margin-top:1vh}.home .project-list .project button:hover{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;cursor:pointer}.fetched-project-list{position:absolute;top:15vh;left:2vw;z-index:1;display:flex;flex-direction:row;justify-content:space-evenly;width:65vw;flex-wrap:wrap}.fetched-project-list .project-item{max-width:20vw;min-width:15vw;padding:1px 19px;height:20vh;overflow:hidden;font-size:12px;text-align:center;margin-top:13px;border-radius:26px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;background-color:#ede9e9;display:flex;flex-direction:row;align-items:center}.fetched-project-list .project-item .right{display:flex;flex-direction:column;margin-left:16px}.fetched-project-list .project-item .left{padding:2px 11px;border-radius:31px;border:2px solid #dba8a8;height:7vh;width:3vw}.fetched-project-list .project-item .left h2{font-size:14px;margin-top:0}.fetched-project-list .project-item:hover{background-color:#e8ded9;cursor:pointer;transform:translateY(-10px);transition:transform .3s ease-in-out}.project-item .project-name{text-transform:uppercase;font-family:Times New Roman,Times,serif;font-size:13px;overflow:hidden}.project-item .project-category{color:#8f7070;font-size:10px;font-family:math;width:11vw;display:flex;justify-content:center;align-items:center;flex-direction:row;height:4vh;border:3px solid #dba8a8;border-radius:23px}.project-item .project-description{text-align:left;font-style:italic}@media (max-width:1032px){.fetched-project-list .project-item{max-width:20vw;min-width:15vw;height:28vh;padding:1px 19px;overflow:hidden;font-size:12px;text-align:center;border-radius:26px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;background-color:#ede9e9;display:flex;flex-direction:column;align-items:center;margin-left:4px;margin-top:13px}}@media (max-width:700px){.project-item .project-category{border:none}.fetched-project-list{flex-direction:column;align-items:center;margin-left:5vw}.fetched-project-list .project-item{max-width:120vw;min-width:50vw}.new-project{display:flex;flex-direction:row;justify-content:center}.new-project button{width:25vw;margin-top:0vh;z-index:100000}.home .project-form .project-content{margin-left:18vw;width:60vw;height:79vh}.home .project-form input,.home .project-form .form-group textarea,.home .project-form .form-group select{width:57vw}.home .project-form button{width:55vw}.project-content h3{margin-top:5vh}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#register{display:flex;background-color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;flex-direction:column;align-items:center;margin-top:30px;padding:29px 24px;width:24vw;height:43.4vh}.login-input input{margin-left:3px;padding:5px 16px;border-radius:20px;border:.2px solid #4c4545;margin-bottom:8px;width:20vw}.login-button{margin-top:15px}#role{display:flex;flex-direction:row;border-radius:33px;padding:5px 44px;margin-left:5px;width:22vw;text-align:center}.login-form{margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}.login-container{margin-top:12vh;margin-right:14vw}input::placeholder{font-style:italic;text-align:center}.username,.password{display:flex;flex-direction:row}.login-form{display:flex;background-color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;flex-direction:column;align-items:baseline;margin-top:30px;padding:29px 24px;width:24vw;height:36.4vh}.remember{display:flex;flex-direction:row}.login-input input{margin-left:3px;padding:5px 16px;border-radius:20px;border:.2px solid #4c4545;margin-bottom:8px;width:20vw;text-align:center}.login-container .logo{display:flex;justify-content:center}.login-button{margin-top:15px;display:flex;flex-direction:row;justify-content:space-around}.login-button a{text-decoration:none;font-size:large;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.login-button button{padding:8px 11px;background-color:#001046;border-radius:9px;color:#fff;font-weight:600}.login-button button:hover{cursor:pointer;background-color:#b50a0a}.logo img{height:254px;width:392px;border-radius:13px}.login-form:hover{box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}.logo img{width:25vw;height:30vh}@media (max-width:800px){.logo img{width:40vw}.login-container{display:flex;flex-direction:column;align-items:center;margin-left:25vw}.login-form{width:56vw;align-items:center}.login-form form{width:55vw}.login-input input{margin-left:0;width:50vw;text-align:center}}.header{width:100vw;height:8vh;background-color:#191f28;display:flex;flex-direction:row}.header .logo img{width:45px;height:45px;margin-left:62px;margin-top:7px}.button-collapse{display:flex;flex-direction:row;justify-content:space-between;width:100vw}.button-collapse button{padding:14px 29.6px;background-color:#0000;color:#fff;border:none;margin-left:-16px;font-size:x-large;cursor:pointer}.header-username{display:flex;flex-direction:row;color:#f4dcff91;font-size:12px;margin-right:2vw}.header-username a{margin-top:17px;margin-left:8px;font-size:x-large}.header-username h2{font-size:17px;font-weight:500;font-family:sans-serif}.bx .bx-menu{font-size:x-large;cursor:pointer}.Dashboard{display:flex;flex-direction:row;background-color:#2e3a4b;width:10vw;height:3.95vh;padding:13px 27px;color:#fff;transition:width .8s ease-in-out}.Dashboard:hover{background-color:#251f1f;cursor:pointer}.Dashboard.active{background-color:red;transition:all ease-in-out .8s}.Dashboard .dashboard-icon{width:42px;font-size:x-large;height:0px}.Dashboard .dashboard-text{font-size:8px}.dashboard-element{width:5vw}.dashboard-element i{margin-right:8px;font-size:20px}.bx{color:#fff}.sidebar{height:91vh;width:5vw}.Header-sidebar{width:5vw;height:92vh;margin-top:8vh}.main-container{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.top-Header,.Header-sidebar{position:fixed;z-index:10}.chat-container{display:flex;flex-direction:row;position:relative;margin-left:14vw;margin-top:8vh;height:92vh;width:87%;background-color:#d9ecff;transition:all ease-in-out .6s}.chat-box{position:relative;width:24vw}.chat-container .left{flex:1;display:flex;flex-direction:column;border-right:1px solid #ccc;background:#1f6e6e;transition:all ease-in-out .6s}.chat-container .left .chat-box-header{overflow-y:auto;display:flex;flex-direction:row;justify-content:space-around}.chat-box-header .head{text-transform:uppercase}.chat-box-header .head button{background:#9cbdbd00;color:#fff8dc;border:none;font-weight:700;font-size:15px;padding:6px 14px;margin-top:3vh;cursor:pointer}.chat-box-header .collaborator{font-size:25px;margin-top:15px;margin-left:10vw}.collaborator:hover{cursor:pointer}.chat-container .left h1{color:#fff}.chat-container .left .chat-box-body{overflow-y:auto;display:flex;height:72vh;flex-direction:column;margin-right:6px}.chat-box-body::-webkit-scrollbar{display:none;scroll-behavior:smooth}.chat-box-body .chat-box-message-my{font-weight:bolder;display:flex;background:beige;flex-direction:column;align-items:center;padding:1vh 2vw;border-radius:9px;margin-left:4.5vw;margin-top:7px}.chat-me{color:#981ea6;font-weight:900;margin-left:-3vw;margin-top:-1vh;font-family:auto;font-size:10px;height:13px}.ai-class{background-color:#190d1b!important;color:#fff!important}.ai-class p{color:#24ffd9;font-family:arial;font-style:italic;font-size:13px}.ai-class code{color:#ceb4e0;font-family:arial;font-style:italic;font-size:13px}.ai-class li{color:#fff;font-family:arial;font-style:italic;font-size:13px}.send-message{padding:2vw 2vh;color:#000000c9;font-family:arial;font-style:italic;margin-top:12px;border-radius:3px;margin-left:auto;border:3px solid white;width:90%}.my-message{color:#000000c9;font-family:arial;font-style:italic;font-size:13px;min-width:15vw;max-width:60vw;min-height:9vh;max-height:60vh}.chat-box-body .chat-box-message-sender{display:flex;background:#fff;flex-direction:column;align-items:center;font-size:12px;border-radius:9px;margin-left:5px;margin-top:8px;word-wrap:break-word;width:99%}.chat-box-body .chat-box-message-sender p{max-height:170vh;overflow-y:auto}.chat-box-message-sender::-webkit-scrollbar{scroll-behavior:smooth;display:none}.chat-box-message-my::-webkit-scrollbar{scroll-behavior:smooth;display:none}.chat-box-footer{flex:1;display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #ccc;margin-top:4px}.chat-box-footer input{flex:1;padding:10px;border-radius:20px;border:1px solid #ccc;margin-right:10px}.chat-box-footer button{background:#0ff0;border:none;font-size:26px;cursor:pointer}.chat-container .right{flex:4;display:flex;flex-direction:row}.chat-container.chat-collapse{margin-left:5px;width:94%;transition:all ease-in-out .6s}.chat-container .left.left-collapse{margin-left:2px;transition:all ease-in-out .6s}.collaborator-panel{transform:translate(-100%);opacity:0;pointer-events:none;transition:transform .6s ease-in-out,opacity 2s ease-in-out;position:absolute;top:0vh;left:0vw;width:24vw;height:92vh;background-color:#981ea6}.collaborator-panel.show{transform:translate(0);opacity:1;pointer-events:auto;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.collab-body{display:none}.collab-body.show,.collab-body.show .collablist{display:flex;flex-direction:column}.collab-body.show .collaborator-list{display:flex;padding:3px 18px;flex-direction:row;border-radius:25px;margin:12px 25px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.collab-body.show .collaborator-list:hover{cursor:pointer;box-shadow:#0000008f 0 22px 70px 4px}.collab-body.show .collaborator-list .collab-img{padding:2px;width:5vw;height:5vh;font-size:36px}.collab-body.show .collaborator-list h3{color:#fff;font-size:20px;font-weight:900;margin-left:10px;margin-top:5px}.collab-body.show .button{display:flex;justify-content:right;align-items:center;background-color:#981ea6;color:#fff;font-size:20px;font-weight:900;height:5vh;width:23vw;border-bottom:1px solid #ccc;margin-right:22px;margin-top:9px;font-size:32px;cursor:pointer}.right .colab-panel{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;align-items:center;top:20%;width:15vw;text-align:center;height:46vh;overflow:auto;left:40%;background:#5f9ea0;padding:6px 16px;border-radius:12px;opacity:0;transform:translateY(-100%);transition:transform ease-in-out .8s,opacity ease-in-out .8s;pointer-events:none}.right .colab-panel.show{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;align-items:center;top:20%;width:15vw;text-align:center;height:46vh;overflow:auto;left:40%;background:#5f9ea0;padding:6px 16px;border-radius:12px;opacity:1;transform:translateY(0);transition:transform ease-in-out .8s,opacity ease-in-out .8s;pointer-events:all}.right .user{display:flex;flex-direction:row;padding:1px 5px;width:14vw;justify-content:space-between;background:#008b8b;margin-top:4px;border-radius:16px}.right .user.selected{background-color:#007bff;color:#fff;border-radius:5px}.right .user:hover{background-color:#981ea6}.right .user .colab-logo{width:2vw;height:2vh;font-size:30px}.right .user .colab-name{text-align:center;margin-top:-4px;margin-right:3vw;color:beige;font-family:sans-serif}.add-colab-btn button{padding:8px 33px;background-color:#190d1b;cursor:pointer;color:#f0f8ff;margin-top:6px;border-radius:9px;font-weight:700}.add-colab-btn button:hover{background-color:red}.collab-body.show p{color:#fff;font-size:20px;font-weight:900;margin-left:10px;margin-top:5px}.right .file-tree{display:flex;flex-direction:column;align-items:center;width:15vw;text-align:center;height:90vh;background:#5f9ea0;padding:6px 16px;border-radius:1px}.file-tree-header{display:flex;flex-direction:row;justify-content:center;padding:1px 5px;width:14vw;background:#008b8b;margin-top:4px;border-radius:16px}.file-tree-header:hover{background-color:#981ea6}.file-tree-body{display:flex;flex-direction:column;align-items:center;top:20%;width:15vw;text-align:center;height:80vh;overflow:auto;left:40%;background:#5f9ea0;padding:6px 16px;border-radius:12px}.file-tree-body ul{display:flex;flex-direction:column;align-items:baseline;width:13vw;height:78vh;padding:0vh 0vw}.file-tree-body button{text-decoration:none;font-size:20px;font-family:auto;text-underline-offset:none;font-weight:700;padding:6px 65px;cursor:pointer;border-radius:5px;margin:2px 0;justify-content:center;background:#fff8dc;border:none}.file-tree-body button:hover{background-color:#5f446238;color:#fff;cursor:pointer}.file-tree-body::-webkit-scrollbar{display:none;scroll-behavior:smooth}.file-tree-body button p{text-decoration:none;color:#000;font-size:16px}.code-editor-body{display:flex;flex-direction:column;width:51vw;height:85vh}.code-editor-body textarea{height:80vh;width:43vw;background-color:#293637;font-size:15px;color:#1dfff9;overflow:auto;border-radius:10px;padding-left:2vw;font-family:Gill Sans,sans-serif;font-size:16px;font-style:italic}textarea::-webkit-scrollbar{display:none;scroll-behavior:smooth}.code-editor-top h3{margin-left:2vw;font-size:23px;color:#f0f8ff;background:#887699;width:7vw;border-radius:12px;height:6vh;margin-top:13px;padding:2px 23px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center}.my-message p{overflow:scroll;min-height:4vh;max-height:3vh;padding:0vh 3vw}.my-message p::-webkit-scrollbar{display:none}@media (max-width:443px){.chat-container .right{display:flex;flex-direction:column!important}.code-editor{display:flex;flex-direction:column!important;margin-left:3vw;width:82.9vw!important}.file-list{display:flex;flex-direction:row!important;width:87vw}.code-editor-right{display:flex;flex-direction:column;width:81.9vw!important;margin-left:5vw}.code-editor-top{display:flex;flex-direction:row}.copy-button{width:10vw}.chat-box-footer{margin-left:5vw}.code-editor-tabs{width:65vw}.code-editor-body{width:74vw;height:75vh;margin-left:4vw}.code-editor-body textarea{width:75vw!important}.chat-container .left .chat-box-body{height:70vh;margin-left:8vw;width:80vw}.chat-container .left.left-collapse{margin-left:5vw;transition:all ease-in-out .6s;width:90vw}.chat-container{margin-left:5px;width:94%;transition:all ease-in-out .6s;display:flex;flex-direction:column}.chat-box{position:relative;width:84vw}.Dashboard{height:4.4vh}.collaborator-panel{width:95vw}.collab-body.show{align-items:center;margin-left:10vw}.collab-body.show .collablist{width:85vw}.collab-body.show .collaborator-list{flex-direction:row;justify-content:space-around}.right .colab-panel.show{width:60vw;left:20%}.right .user{width:60vw}.chat-box-body .chat-box-message-my{width:60vw;margin-left:15.5vw;height:8vh}.chat-me{font-size:12px}.my-message{font-size:16px;max-height:60vh;overflow:scroll}.my-message::-webkit-scrollbar{display:none}.chat-box-body .chat-box-message-sender{font-size:12px;width:99%}.send-message{font-size:18px;width:90%}.send-message::-webkit-scrollbar{display:none}#register{width:58vw;height:47.4vh}#role{width:58vw}}@media (max-width:1100px) and (min-width:450px){.chat-container .left.left-collapse{margin-left:5vw;transition:all ease-in-out .6s;width:90vw}.chat-container{margin-left:5px;width:94%;transition:all ease-in-out .6s;display:flex;flex-direction:column}.code-editor{margin-left:4.3vw;width:91vw}.code-editor-right{display:flex;flex-direction:column;height:90vh;width:86.9vw}.chat-box{position:relative;width:84vw}.file-list{width:87vw}.chat-container .left .chat-box-body{height:77vh;margin-left:4vw}.Dashboard{height:4.4vh}.collaborator-panel{width:95vw}.collab-body.show{align-items:center;margin-left:10vw}.collab-body.show .collablist{width:85vw}.collab-body.show .collaborator-list{flex-direction:row;justify-content:space-around}.copy-button{width:4vw}.right .colab-panel.show{width:60vw;left:20%}.right .user{width:60vw}.chat-box-body .chat-box-message-my{width:60vw;margin-left:15.5vw;height:8vh}.chat-me{font-size:12px}.my-message{font-size:16px;max-height:60vh;overflow:scroll}.my-message::-webkit-scrollbar{display:none}.chat-box-body .chat-box-message-sender{font-size:20px;width:99%}.send-message{font-size:18px;margin-left:0;width:90%}.code-editor-tabs{width:420vw}.code-editor-body{width:54vw;margin-left:4vw}.code-editor-body textarea{width:47vw}.code-editor-top{display:flex;flex-direction:row}#register{width:30vw;height:43.4vh}}@media (min-width: 1105px) and (max-width:2000px){.code-editor-right{width:58vw}.code-editor-body{width:47vw}.chat-container .left{margin-left:-.7vw}.Dashboard{height:4.3vh}#register{width:30vw;height:43.4vh}}.code-editor-tabs{display:flex;gap:10px;padding:10px;background:#282c34;overflow-x:auto;width:45vw}.code-editor-tabs::-webkit-scrollbar{display:none;scroll-behavior:smooth}.no-current-file{color:#fff}.code-editor{display:flex;flex-direction:row}.code-editor-right{display:flex;flex-direction:column;gap:10px;padding:10px;width:57.9vw;background:#282c34}.tab{padding:5px 10px;cursor:pointer;color:#fff;background:#3a3f4b;border-radius:5px;display:flex;align-items:center}.tab.active{background:#61dafb;color:#000}.close-btn{margin-left:8px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px}.file-list{display:flex;flex-direction:column;gap:10px;padding:10px;background:#282c34;overflow-y:auto}.file-list::-webkit-scrollbar{display:none;scroll-behavior:smooth}.file-list button{padding:10px 16px;margin-bottom:-11px;cursor:pointer;font-style:italic;font-weight:500;background:#0e031a;color:#0bd4a2;border-radius:9px;overflow:scroll}.file-list button::-webkit-scrollbar{display:none;scroll-behavior:smooth}.file-list button:hover{background:#0bd4a2;color:#0e031a}.code-editor-top{display:flex;flex-direction:row}.copy-button button{width:2vw;margin-top:40%;border-radius:10px;height:-15px;background:bottom;font-size:x-large;border:none;cursor:pointer}@media (max-width:450px){.file-list button{width:25vw}}body{margin:0;padding:0;font-family:Inter,sans-serif}.working-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.working-card{background:#fff;border:2px solid #ff4d4d;border-radius:16px;padding:2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 20px #0000001a;animation:floatCard 3s ease-in-out infinite}.working-card h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.working-card p{color:#666;font-size:1rem;margin-bottom:2rem}.progress-bar{height:10px;width:100%;background:#e0e0e0;border-radius:20px;overflow:hidden}.progress-fill{height:100%;width:50%;background:#ff4d4d;animation:loading 1.5s infinite ease-in-out}@keyframes loading{0%{width:0%}50%{width:70%}to{width:0%}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}