@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;1,100;1,400&display=swap);[class*=col-]{float:left}.sidebar{left:0;margin:0;min-width:220px;position:sticky;top:50px}.sidebar-menu{background-color:var(--dark-Sidebar);height:100vh;max-width:220px;overflow-y:auto;width:100%}.sidebar-menu a{display:block;padding:20px 0 20px 20px;width:100%}.sidebar-menu span,.sidebar-menu svg{color:var(--light-gray)}.sidebar-menu span{padding:10px}.sidebar-menu ul{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin:0;padding:0}.sidebar-menu li{color:var(--light-gray);text-align:left;width:100%}.sidebar-menu li:hover{background-color:var(--dark-gray)}.sidebar ul li.active{background-color:#8a8a8a;color:#333}.sidebar ul li.dropdown:hover{background-color:var(--dark-gray-dropdown)}.sidebar ul li.active.dropdown{background-color:#6f6f6f;color:#000}.toggle-icon{cursor:pointer}.auth-container{align-items:center;background:#fff6;border:1px solid var(--dark-gray);border-radius:10px;box-shadow:0 5px 20px #0009;display:flex;flex-direction:column;gap:20px;justify-content:space-around;margin:0 auto;max-height:80vh;max-width:450px;min-height:450px;overflow-y:auto;padding:20px 50px;position:relative;top:10vh;width:60vw}.auth-container h2{font-size:36px;margin-bottom:40px;text-align:center}.auth-form{gap:40px;transition:height .5s ease}.auth-form,.form-group{display:flex;flex-direction:column;justify-content:center;width:100%}.form-group{gap:10px}.form-group label{display:none}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background:#0000;border:0;border-bottom:1px solid var(--dark-gray);font-family:var(--basic-font);font-size:16px;outline:none;padding:10px;width:100%}#checkbox{display:block}.form-group input[type=checkbox]{display:inline-block;margin-right:5px;padding:20px 0;text-align:left}.submit-button{background-color:var(--light-gray);border:none;border-radius:5px;color:var(--dark-gray);cursor:pointer;font-family:var(--basic-font);font-size:16px;padding:10px;width:100%}.submit-button:hover{background-color:var(--button);color:var(--light-gray);transition:background-color .3s ease}a{text-decoration:none}.errorBox,a{color:var(--dark-gray)}.errorBox{background-color:var(--important);border:1px solid var(--dark-gray);border-radius:5px;padding:5px;text-align:center}@media(max-width:768px){.login-form,.signup-form{margin:0 auto;top:5vh;width:70vw}}@media(max-width:480px){.login-form,.signup-form{margin:0 auto;max-height:100vh;padding:20px;top:0;width:100%}}.password-strength{font-size:14px;font-weight:700;margin-bottom:10px;margin-top:5px}.password-strength.weak{color:#cf0000;filter:drop-shadow(0 0 6px red)}.password-strength.medium{color:#c07d00;filter:drop-shadow(0 0 6px orange)}.password-strength.strong{color:green;filter:drop-shadow(0 0 6px rgb(0,238,0))}.password-strength-meter{background-color:#ddd;border-radius:5px;height:3px;margin-bottom:10px;width:100%}.strength-indicator{border-radius:5px;height:100%;transition:width .3s ease}.strength-indicator.weak{background-color:red;filter:drop-shadow(0 0 2px red) drop-shadow(0 0 4px red) drop-shadow(0 0 8px red)}.strength-indicator.medium{background-color:orange;filter:drop-shadow(0 0 2px orange) drop-shadow(0 0 4px orange) drop-shadow(0 0 8px orange)}.strength-indicator.strong{background-color:#0e0;filter:drop-shadow(0 0 2px rgb(0,238,0)) drop-shadow(0 0 4px rgb(0,238,0)) drop-shadow(0 0 8px rgb(0,238,0))}.password-match-error{color:#a00000;font-weight:700;margin-top:5px}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.auth-error{color:#a00000;font-weight:700}.auth-valid{color:green;font-weight:700}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000001a;z-index:99}.overlay,.overlay3{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.overlay3{z-index:98}.popup{align-items:center;background-color:var(--dark-gray);border-radius:8px;box-shadow:0 0 10px #0006;display:flex;flex-direction:column;height:85%;margin:auto;max-height:80vh;max-width:80vw;max-width:800px;overflow:visible;padding:20px 20px 80px;position:relative;text-align:center;width:800px;width:80%}.close-btn,.popup{color:var(--light-gray)}.close-btn{padding:0 5px;position:absolute;right:10px;top:10px}.close-btn:hover{animation:rotate .5s;cursor:pointer}.popup-content{grid-row-gap:10px;grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:60% 40%;padding:10px 30px 20px;row-gap:10px;width:100%}.button-container{display:flex;gap:20px;justify-content:space-around}.button-container button{border:none;border-radius:4px;cursor:pointer;font-family:var(--basic-font);font-size:.95em;min-width:50%;padding:10px 20px}.button-container button:first-child{background-color:var(--light-gray);color:var(--dark-gray)}.button-container button:first-child:hover{background-color:var(--button);color:var(--light-gray)}.button-container button:nth-child(2){background-color:var(--light-gray);color:var(--dark-gray)}.button-container button:nth-child(2):hover{background-color:var(--button);color:var(--light-gray)}.board-input{background-color:initial;border:none;color:var(--light-gray);font-size:1.2em;padding:5px;width:60%}.board-input:focus{background-color:initial;border-radius:5px;outline:none}.due-date{gap:10px;justify-content:flex-start;width:17%}.due-date,.priority{align-items:center;display:flex}.priority{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:19%}.delete-attribute{margin-left:5px}.due-date-picker{background-color:var(--dark-gray);border:none;box-shadow:none;color:var(--light-gray);outline:none;width:110%}.delete-attribute:hover,.due-date-picker:hover,.priority:hover{cursor:pointer}.description-textarea{background-color:var(--dark-Navbar);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);font-family:var(--basic-font);margin-left:5%;padding:10px;resize:none;width:95%}.description-textarea:focus{outline:none}.subtask{display:flex;flex-direction:column;justify-content:space-between;margin-left:5%;width:95%}.addbtn-subtask{border-radius:5px;color:var(--light-gray);cursor:pointer;margin:15px auto 0;text-align:center;width:120px}.addbtn-subtask:hover{color:var(--off-white)}.addbtn-tag{color:var(--light-gray);cursor:pointer;font-size:1.2em;margin-left:10px}.addbtn-tag:hover{color:var(--off-white)}.upper-part{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;flex-direction:row;flex-wrap:nowrap;height:30px;justify-content:space-between;width:90%}.lower-part{flex-wrap:wrap;overflow-y:auto;width:100%}.lower-part,.popup-mini{display:flex;flex-direction:column}.popup-mini{background-color:var(--dark-gray);box-shadow:0 0 10px #0003;color:var(--light-gray);gap:20px;height:max-content;justify-content:center;padding:30px;width:340px}.popup-content-form-mini{align-items:center;display:flex;flex-direction:column}.popup-input-mini{background:#0000;color:var(--light-gray);font-size:1.5em;margin:10px 20px 30px;outline:none;text-align:center;width:70%}.popup-input-mini,.save-button{border:none;font-family:var(--basic-font)}.save-button{background-color:var(--bg-dark);border-radius:5px;bottom:10px;color:var(--light-dark);cursor:pointer;font-size:.95em;padding:10px;position:absolute;right:10px;transition:.1s ease;width:80px}.save-button:hover{background-color:var(--confirm);color:var(--light-gray)}.add-icon{background-color:initial;border:none;border-radius:50%;bottom:10px;color:var(--light-gray);cursor:pointer;font-size:2em;left:10px;padding:0 5px;position:absolute;transition:.1s ease}.add-icon:hover{color:var(--off-white)}.darken{-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5)}.add-to-card,.priority-picker{background-color:var(--bg-dark);border:1px solid var(--light-gray);border-radius:8px;display:flex;flex-direction:column;height:max-content;justify-content:center;padding:10px;width:150px}.add-to-card-title{border-bottom:1px solid var(--light-gray);font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.add-to-card-content,.priority-picker-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.add-to-card-content p,.priority-picker-content p{margin:10px 0}.add-to-card-item,.priority-picker-item{border-radius:5px;cursor:pointer;transition:.1s ease;width:100%}.add-to-card-item:hover,.priority-picker-item:hover{background-color:#afacac}.comments{justify-content:space-between;width:100%}.comments,.previous-comments{display:flex;flex-direction:column;gap:10px}.previous-comments{border:1px solid var(--light-gray);border-radius:5px;font-size:.9em;margin-left:10%;max-height:250px;overflow-y:auto;padding:10px;width:90%}.comment{word-wrap:break-word;border-radius:8px;display:flex;flex-direction:column;padding:10px;width:80%}.comment.own-comment{align-self:flex-end;background-color:var(--dark-Navbar);color:var(--light-gray)}.comment.other-comment{background-color:var(--light-gray);color:var(--dark-gray)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.username{font-weight:700;margin-right:5px}.comment-text{flex-grow:1;text-align:left}.add-comment{margin-left:10%;width:90%}.add-comment-content{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.add-comment-textarea{background-color:var(--dark-Navbar);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);font-family:var(--basic-font);height:40px;overflow:auto;padding:10px;resize:none;width:100%}.add-comment-textarea:focus{outline:none}.add-comment-button{background-color:initial;border:none;border-radius:5px;color:var(--light-gray);cursor:pointer;font-family:var(--basic-font);font-size:1.2em;margin:0 auto;transition:.1s ease}.add-comment-button:hover{color:var(--starred)}.edit-comment-button{background-color:#23dd51;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:2px 10px;transition:background-color .3s ease}.edit-comment-button:hover{background-color:#0b7035}.delete-comment-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:2px 10px;transition:background-color .3s ease}.delete-comment-button:hover{background-color:#dc143c}.attachment-container{border:1px solid var(--light-gray);border-radius:5px;font-size:.8em;margin-left:10%;padding:5px;width:90%}.attachment{align-items:center;display:flex;gap:5px;justify-content:space-between;padding:5px}.attachment .trash-icon:hover:before{opacity:0!important}.attachment-link{color:var(--light-gray);overflow:hidden;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.attachment-link:hover{color:var(--off-white)}.delete-button:hover{cursor:pointer}.attachment-popup-mini-attachment{align-items:center;background-color:var(--bg-mostly-black);border-radius:10px;box-shadow:0 2px 6px #0003;color:var(--light-gray);display:flex;flex-direction:column;padding:20px;width:300px}.attachment-popup-content-form-mini{width:100%}.attachment-popup-content-form-mini h4{margin:10px 0}.attachment-popup-content-form-mini input[type=text],.attachment-popup-content-form-mini input[type=textarea]{border:1px solid var(--light-gray);border-radius:4px;margin:5px 0;padding:8px;width:100%}.attachment-add-button,.attachment-cancel-button{background-color:var(--dark-gray);border:none;border-radius:4px;color:var(--light-gray);cursor:pointer;font-weight:700;margin:10px 5px;padding:8px 20px}.validation-message{color:var(--important)}.invalid-btn{cursor:not-allowed;opacity:.5}.members-section{margin-top:20px}.member-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-left:10%;width:90%}.member{background-color:var(--bg-mostly-black);border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:12px;position:relative}.member p{margin:0}.agi-popup{height:fit-content;max-height:80vh;padding:40px 20px 60px}.popup-tags{align-items:center;display:flex;margin-left:5%}.tag-editor-content{gap:10px}.tag-editor-content,.tag-editor-name-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.tag-editor-name-container input{background-color:var(--light-gray);border:1px solid var(--light-gray);border-radius:5px;font-family:var(--basic-font);height:2rem;padding:0 10px;width:80%}.color-picker{display:flex;flex-direction:column;margin-top:10px}.color-squares{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.color-square{border-radius:5px;height:33px;width:33px}.color-square:hover{border:2px dashed var(--light-gray);cursor:pointer}.color-square.selected-tag-background{border:2px solid var(--light-gray)}.tag-editor-save-button{background-color:var(--light-gray);border:none;border-radius:5px;bottom:10px;color:var(--dark-gray);cursor:pointer;font-family:var(--basic-font);font-size:.85em;margin-top:10px;padding:10px;right:10px;transition:.1s ease;width:80px}.tag-editor-save-button:hover{background-color:var(--confirm);color:var(--light-gray)}.isDone-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--light-gray);border:2px solid var(--dark-gray);border-radius:5px;cursor:pointer;height:20px;margin:10px;position:relative;transition:background-color .3s,border-color .3s;width:20px}.isDone-checkbox:checked{background-color:var(--button);border-color:var(--button)}.isDone-checkbox:disabled{background-color:var(--bg-mostly-black);border-color:var(--dark-gray);cursor:not-allowed}.isDone-checkbox:disabled:checked{opacity:.5}.isDone-checkbox:after{border:solid var(--off-white);border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.isDone-checkbox:checked:after{display:block}.isDone-checkbox:hover{border-color:var(--light-gray)}.description-edit-action-button{font-size:24px;margin-inline:20px}.loader-container{margin-top:20px}.loading-container{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin-block:10px;position:relative;top:0;width:100%;z-index:99}.loader{animation:spin 1s linear infinite;border:6px solid var(--important);border-radius:50%;border-top:6px solid #0000;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:2em}.error-popup{background-color:var(--dark-gray);border-radius:8px;box-shadow:0 2px 10px #0003;color:var(--light-gray);left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.error-popup-title{font-size:20px;font-weight:700;margin-bottom:10px}.error-popup-line{border:none;border-top:1px solid #ccc;margin:10px 0;width:100%}.error-popup-message{margin:10px 0}.error-popup-button{background-color:var(--light-gray);border:none;border-radius:4px;color:var(--dark-gray);cursor:pointer;padding:8px 16px}.error-popup-button:hover{background-color:var(--important);color:var(--light-gray)}.button-container{margin-top:20px}.team{background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.team-title{color:var(--light-gray);margin-bottom:10px}.no-teams-div,.team-title{font-size:24px;font-weight:700}.no-teams-div{align-items:center;color:var(--dark-gray);display:flex;height:100%;justify-content:center;width:100%}.teamsLink{color:var(--light-gray);text-decoration:none}.boards{display:flex;flex-wrap:wrap;justify-content:flex-start}.board{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 5px 10px #0000004d;flex-basis:calc(33.33% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;margin:10px;max-height:150px;max-width:250px;min-height:100px;min-width:200px;position:relative}.board,.board-title{display:flex;justify-content:center}.board-title{align-items:center;color:var(--light-gray);font-size:18px;font-weight:700;height:100%;line-height:100%}.edit-board-button{bottom:5px;right:5px}.edit-board-button,.favourite-board-button{color:var(--light-gray);cursor:pointer;font-size:.9em;position:absolute}.favourite-board-button{left:5px;top:5px}.edit-board-button:hover{animation:rotate .5s}.add-board{align-items:center;background-color:#706c6c00;border:2px dashed var(--dark-gray);border-radius:8px;box-shadow:none;color:var(--light-gray);cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:background-color .3s}.add-board:hover{background-color:var(--dark-gray);color:var(--light-gray);transition:color .3s}.delete-board-button{color:var(--light-gray);cursor:pointer;padding:5px 10px;position:absolute;right:0;top:0}.delete-board-button:hover{color:var(--important)}.board-save-button{background-color:var(--light-gray);border:none;border-radius:5px;color:var(--dark-gray);cursor:pointer;font-family:var(--basic-font);font-size:1em;height:40px;transition:.1s ease;width:80px}.board-save-button:hover{background-color:var(--confirm);color:var(--light-gray)}@media screen and (max-width:752px){.boards{justify-content:center}}@media screen and (max-width:358px){.team{margin-left:5px;margin-right:5px;overflow-x:hidden}}:root{--dark-gray:#404040;--dark-gray-dropdown:#464646;--dark-Navbar:rgba(64,64,64,.793);--dark-Sidebar:rgba(64,64,64,.695);--button-hover:#2b2b2b;--light-gray:#cbcbcb;--light-grayRGB:203,203,203;--off-white:#f0f0f0;--button:#3d506b;--important:rgba(255,0,0,.613);--important-light:#f009;--basic-font:"Raleway",sans-serif;--confirm:#00e60066;--starred:#f5d142;--magic:#937bff;--edit:#fab45f;--attachment-link:#49b6ff;--scrollbar-hover:#555;--bg-dark:rgba(var(--dark-grayRGB),0.7);--bg-light:rgba(var(--light-grayRGB),0.5);--bg-mostly-black:#1f1f1f;--notification-type:#7a7a7a;--title-bar:#70686a4d;--code:#ff8c00;--craft:#5bffc8;--light-blue:#00bfff;--cancel:#757575;--cancel-hover:#9e9e9e}[data-theme=light]{--dark-gray:hsla(0,0%,100%,.767);--dark-Navbar:hsla(0,0%,100%,.695);--dark-Sidebar:hsla(0,0%,100%,.695);--button-hover:#404040;--light-gray:#141414;--light-grayRGB:203,203,203;--off-white:#f0f0f0;--button:#7699ca;--important:#ff8282;--important-light:#ff676799;--basic-font:"Raleway",sans-serif;--confirm:#76ff76;--starred:#f5d142;--magic:#8b7ad7;--edit:#dead63;--attachment-link:#49b6ff;--scrollbar-hover:#d1d1d1;--bg-dark:hsla(0,0%,100%,.498);--bg-light:hsla(0,0%,81%,.485);--bg-mostly-black:#fff;--notification-type:#7a7a7a;--title-bar:hsla(0,0%,100%,.695);--title-bar-hover:#afafac;--code:#ff8c00;--craft:#91fdd9;--light-blue:#00bfff}[data-theme=dark]{--dark-gray:#404040;--dark-Navbar:rgba(64,64,64,.695);--dark-Sidebar:rgba(64,64,64,.695);--button-hover:#2b2b2b;--light-gray:#cbcbcb;--light-grayRGB:#cbcbcb;--off-white:#f0f0f0;--button:#3d506b;--important:#f006;--important-light:#f009;--basic-font:"Raleway",sans-serif;--confirm:#00e60066;--starred:#f5d142;--magic:#937bff;--edit:#fab45f;--attachment-link:#49b6ff;--scrollbar-hover:#555;--bg-dark:#404040b3;--bg-light:#cbcbcb80;--bg-mostly-black:#1f1f1f;--notification-type:#7a7a7a;--title-bar:#70686a4d;--title-bar-hover:#e2e2df;--code:#ff8c00;--craft:#5bffc8;--light-blue:#00bfff}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Raleway,sans-serif;font-family:var(--basic-font)}body{background-size:cover;color:#404040;color:var(--dark-gray);height:100vh;line-height:1.6;width:100vw}.bg-regular{background-image:url(/static/media/background-regular.695e6576103e0f48e480.jpg)}.bg-blue{background-image:url(/static/media/background-blue.f6bcd504c9e3c1d705b1.jpg)}.bg-darkblue{background-image:url(/static/media/background-darkblue.b73228d7a43abdba2c6b.jpg)}.bg-gray{background-image:url(/static/media/background-gray.eb2b72b7a8409ddc45ff.jpg)}.bg-green{background-image:url(/static/media/background-green.a9a268280c1cee1d28f4.jpg)}.bg-purple{background-image:url(/static/media/background-purple.2182cc192996e2fc61ac.jpg)}#root{height:100vh;width:100vw}.content{float:right!important;height:calc(100vh - 50px);margin:0 auto;max-width:calc(100% - 231px);overflow:auto;position:relative;text-align:center;z-index:0}@media screen and (max-width:600px){.content{max-width:100%}}.card-title{border-bottom:1px solid #cbcbcb;border-bottom:1px solid var(--light-gray);color:#cbcbcb;color:var(--light-gray);margin:0 20px 30px}.delete-icon,.trash-icon{color:#cbcbcb;color:var(--light-gray);cursor:pointer}.delete-icon{position:absolute;right:0;top:15px;transform:translate(-50%,-50%)}.delete-icon:hover{color:rgba(255,0,0,.613);color:var(--important)}.delete-icon:before{background-color:#555;background-color:var(--scrollbar-hover);border-radius:5px;color:#cbcbcb;color:var(--light-gray);content:attr(data-hover);font-family:Raleway,sans-serif;font-family:var(--basic-font);font-size:.8em;left:20px;opacity:0;padding:5px;position:absolute;top:0;transition:opacity .3s ease;visibility:hidden;width:max-content}.delete-icon:hover:before{opacity:1;transition:opacity .3s ease;visibility:visible;z-index:100000000}::selection{background:rgba(255,0,0,.613);background:var(--important);color:#404040;color:var(--dark-gray)}::-webkit-scrollbar{height:10px;overflow:hidden;width:10px}::-webkit-scrollbar-track{background:#0000;margin:5px 0}::-webkit-scrollbar-thumb{background:#404040;background:var(--dark-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555;background:var(--scrollbar-hover)}::-webkit-scrollbar-button{display:none}@media only screen and (min-width:768px){.col-1{width:6%}.col-1,.col-2{transition:width .3s ease-in-out}.col-2{width:12%}.col-3{width:25%}.col-3,.col-4{transition:width .3s ease-in-out}.col-4{width:33.33%}.col-5{width:41.66%}.col-5,.col-6{transition:width .3s ease-in-out}.col-6{width:50%}.col-7{width:58.33%}.col-7,.col-8{transition:width .3s ease-in-out}.col-8{width:66.66%}.col-9{width:75%}.col-10,.col-9{transition:width .3s ease-in-out}.col-10{width:88%}.col-11{width:94%}.col-11,.col-12{transition:width .3s ease-in-out}.col-12{width:100%}}.navbar{align-items:center;background-color:var(--dark-Navbar);border-bottom:1px solid var(--dark-gray);display:flex;flex-direction:column;height:50px;justify-content:center;left:0;padding:5px 10px;position:sticky;top:0;width:100%;z-index:99}.navbar,.navbar a{color:var(--light-gray)}.navbar a{justify-self:center;text-decoration:none}.navbar-menu{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%}.navbar-menu,.navbar-menu ul{align-items:center;display:flex}.navbar-menu ul{gap:20px;justify-content:center;list-style-type:none;margin-right:10px}.navbar-menu li:first-child{height:90%}.navbar-menu li{cursor:pointer;font-size:1.2em;padding:5px}#menu-btn{align-self:center;background:#0000;border:none;color:var(--light-gray);cursor:pointer;display:inline-block;font-size:1.5em;margin:0 10px;outline:none}.background-submenu,.profile-submenu{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 0 10px #00000080;margin:5px;padding:5px;position:absolute;right:0;top:50px;z-index:100}.profile-menu-title{border-bottom:1px solid var(--light-gray);color:var(--light-gray);margin:0 20px 20px}.profile-menu{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;list-style-type:none;padding:5px;width:100%}.profile-menu li{cursor:pointer;padding:5px;width:100%}.profile-menu li:hover{background-color:var(--title-bar-hover);border-radius:8px}.profile-menu li a{align-items:center;color:var(--light-gray);display:flex;flex-direction:row;gap:10px;justify-content:flex-start}.profile-menu li a:hover{color:var(--dark-gray)}.profile-menu li a span:first-child{width:20%}.profile-menu li a span:last-child{width:80%}.search-form{align-items:center;display:flex;flex-direction:row;gap:5px;height:.9em;justify-content:center}.search-form input[type=text]{background:var(--light-gray);border:none;border-radius:5px;font-family:var(--basic-font);font-size:1em;outline:none;padding:5px;width:100%}.search-form button{background:#0000;border:none;color:var(--light-gray);cursor:pointer;font-size:1em;outline:none}.unread-notification-count{color:#ff4500;font-weight:700}.toggle-switch{background-color:var(--bg-mostly-black);border-radius:15px;cursor:pointer;height:30px;padding:3px;transition:background-color .3s ease;width:60px}.slider,.toggle-switch{align-items:center;display:flex}.slider{border-radius:50%;font-size:1.2em;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.slider.dark{transform:translateX(0)}.slider.light{transform:translateX(30px)}.notifications-submenu{border:1px solid var(--bg-dark);border-radius:8px;border-top-right-radius:0;box-shadow:0 5px 20px #00000080;flex-direction:column;margin:10px;max-height:80vh;max-width:80%;min-width:500px;overflow-y:auto;padding:20px;position:absolute;right:0;top:50px;width:max-content;z-index:100}.notification-header,.notifications-submenu{background-color:var(--dark-gray);display:flex}.notification-header{align-items:center;border-bottom:1px solid var(--light-gray);justify-content:space-between;margin-bottom:20px;padding:10px 20px;position:sticky;top:0;z-index:101}.notification-menu-title{color:var(--light-gray);font-size:1.5rem;font-weight:700}.notification-switch{background-color:var(--bg-mostly-black);border:1px solid var(--light-gray);border-radius:8px;color:var(--light-gray);cursor:pointer;padding:7px 15px;transition:background-color .3s,transform .2s}.notification-switch:hover{background-color:var(--light-gray);color:var(--bg-mostly-black);transform:scale(1.05)}.notification-content{flex-grow:1;overflow-y:auto;padding:0 20px}.notification-container{background-color:var(--bg-mostly-black);border:1px solid var(--bg-dark);border-radius:8px;border-top-right-radius:0;box-shadow:0 5px 20px #00000080;padding:20px;width:100%}.container-header{border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.container-header p{color:var(--light-gray);font-size:1.2em;margin:0}.notification-item{background-color:#383838e3;border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .3s ease}.notification-item:hover{background-color:#4e4e4eea;transform:translateY(-3px)}.notification-details{color:var(--light-gray);flex-grow:1}.notification-meta{align-items:flex-end;color:var(--light-gray);display:flex;flex-direction:column;gap:5px}.created-at{color:var(--light-gray);font-size:.8em}.notification-type{color:#c3cdf1;font-size:1em;font-weight:700}.mark-all-button,.mark-seen-button{background-color:initial;border:none;border-radius:5px;color:var(--light-gray);cursor:pointer;padding:5px 10px;transition:transform .1s ease,color .3s ease}.mark-all-button:hover,.mark-seen-button:hover{color:#4caf50}.not-found-message{color:var(--light-gray);font-size:1.2em;text-align:center}[data-theme=light] .notifications-submenu{background-color:var(--off-white);border:1px solid var(--bg-light)}[data-theme=light] .notification-header{background-color:var(--off-white);border-bottom:1px solid var(--bg-dark)}[data-theme=light] .notification-item{background-color:var(--bg-light);border:1px solid var(--bg-dark)}[data-theme=light] .notification-switch{background-color:var(--light-gray);color:var(--bg-mostly-black)}[data-theme=light] .mark-all-button:hover,[data-theme=light] .mark-seen-button:hover{color:tomato}.task-card{max-width:475px;min-width:420px}.opentask,.task-card{background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:10px;box-shadow:0 5px 10px #0003;color:var(--light-gray);display:flex;flex-direction:column;padding:15px 20px}.opentask{margin-bottom:-10px;max-width:400px;min-width:300px}.subtitle{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start}.task-card .subtitle{margin-top:20px}.task-card div:nth-child(2){margin-top:0}.task-card h2{margin-bottom:20px}.task-card h3{align-self:flex-start;font-size:1.1em}.description{align-items:center;background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:10px;box-shadow:0 5px 10px #0003;display:flex;flex-direction:row;gap:10px;justify-content:center;max-width:400px;min-width:300px;padding:15px 20px}.description p{float:left;font-size:12px;margin:5px;text-align:justify}.comments-container{max-height:250px}.comment{margin:5px 0}.user{color:#007bff;font-weight:700;margin-right:5px}.scrollable-container{align-items:flex-start;display:flex;flex-direction:row;gap:30px;padding:15px}.grid-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.attachment-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{flex-direction:row}.attachments-onassignedtask,.section{align-items:center;background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:10px;box-shadow:0 5px 10px #0003;display:flex;gap:10px;justify-content:center;max-width:400px;min-width:300px;padding:15px 20px}.attachments-onassignedtask{flex-direction:column}.tag{border-radius:5px;color:#fff;overflow:hidden;transition:.4s ease-in-out;white-space:nowrap}.tag-on-board,.tag-on-subtask{cursor:pointer;height:12px;min-width:50px;overflow:hidden;white-space:nowrap}.tag-on-subtask{margin:10px}.clicked{font-size:.8em!important}.clicked,.tag-on-card{height:25px!important;overflow:hidden;padding:.2rem .5rem!important;white-space:nowrap}.tag-on-card{font-size:1em!important;text-align:center;width:fit-content}.tag-on-card p{font-size:.8em;overflow:hidden;white-space:nowrap}.teams-container{align-items:center;gap:20px;margin:20px auto;width:90%}.teamcard,.teams-container{display:flex;flex-direction:column}.teamcard{background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 0 10px #00000080;gap:10px;overflow:hidden;width:100%}.teamcard-header{align-items:center;background-color:var(--dark-gray);border-bottom:1px solid var(--dark-gray);color:var(--light-gray);display:flex;gap:20px;justify-content:flex-start;padding:20px;width:100%}.dots{align-self:center;cursor:pointer}.teamcard-subheader{align-items:flex-start;display:flex;flex-direction:column;float:right;gap:10px;margin-left:auto}.teamcard-body{padding:20px;width:100%}.teamcard-body h3{color:var(--light-gray);text-align:left}.team-members{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.team-member-card{align-items:center;background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 0 10px #00000080;color:var(--light-gray);display:flex;flex-direction:column;gap:5px;height:100%;justify-content:flex-start;max-width:300px;padding:20px;position:relative;width:33%}.team-member-image-container{align-items:center;border:3px solid var(--dark-gray);border-radius:50%;box-shadow:0 5px 10px #00000080;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.team-member-image{cursor:pointer;height:100%;object-fit:cover;object-position:center;width:100%}.team-member-card-body{gap:30px;justify-content:flex-start}.team-member-card-body,.team-member-card-body-data{align-items:center;display:flex;flex-direction:column;width:100%}.team-member-card-body-data{gap:10px;justify-content:center}.data{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}.data p{font-size:.9em}.data p:first-child{text-align:left;width:50%}.team-member-card-body-actions-container,.team-member-card-body-roles-container{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:center;width:100%}.team-member-card-body-actions-container>p,.team-member-card-body-roles-container>p{font-size:1.5em;text-align:left}.team-member-card-body-roles{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.team-member-card-body-roles p{margin-left:20px!important}.role{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding-left:20px;width:100%}.role li{color:var(--light-gray);font-size:.9em;list-style-type:disc;text-align:left}.teamcard-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.add-user-button{color:var(--dark-gray)}.trash-icon{font-size:.9em;position:relative}.trash-icon:hover{color:var(--important)}.trash-icon:before{background-color:var(--scrollbar-hover);border-radius:5px;color:var(--light-gray);content:attr(data-hover);font-family:var(--basic-font);font-size:.8em;left:20px;opacity:0;padding:5px;position:absolute;top:0;transition:opacity .3s ease;visibility:hidden;width:max-content}.trash-icon:hover:before{opacity:1;transition:opacity .3s ease;visibility:visible;z-index:100000000}.delete-button{flex:1 1;margin-top:0!important;max-width:50%!important;order:2}[data-theme=light] .delete-button{border:1px solid red;color:red}[data-theme=light] .delete-button:hover{background-color:#ff2525;color:var(--light-gray)}.add-button{background-color:initial;border:1px solid var(--confirm);border-radius:5px;color:var(--confirm);cursor:pointer;max-width:50%;order:1;padding:10px;transition:all .3s ease}[data-theme=light] .add-button{border:1px solid green;color:green}.add-button:hover{background-color:var(--confirm)}[data-theme=light] .add-button:hover{background-color:green;color:var(--light-gray)}.add-button:disabled{background-color:initial;border:1px solid var(--light-gray);color:var(--light-gray)}.user-select{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;max-height:80vh;overflow:auto;padding:15px;width:100%}.user-select div{border:1px solid var(--light-gray);border-radius:5px;box-shadow:0 2px 6px #000c;cursor:pointer;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;transition:box-shadow .1s ease;transition:transform 5ms ease;white-space:nowrap;width:25%}.selected{border:1px solid var(--light-blue)!important;box-shadow:0 0 5px #ffffff1a!important;color:var(--light-blue);transform:translateY(1px)}.selector-container{width:80%}.selector-container select{border:1px solid var(--light-gray);outline:none}.searchInputCard,.selector-container select{background-color:var(--dark-gray);color:var(--light-gray)}.searchInputCard{border-color:var(--light-gray);border-radius:5px;box-shadow:5px 5px 8px 2px #000000a8;font-weight:700}.searchButtonCard{background-color:initial;color:var(--light-blue)}.searchButtonCard,.searchButtonCard:hover{border:1px solid var(--light-blue);border-radius:5px;cursor:pointer;flex:1 1;max-width:50%;padding:10px;transition:all .3s ease}.searchButtonCard:hover{background-color:var(--light-blue);color:var(--dark-gray)}.team-card-go-to{border:solid;border-color:var(--button-hover);border-radius:8px;border-width:1.5px;color:var(--light-gray);font-weight:600;padding:10px}.team-card-go-to:hover{background-color:var(--button-hover);opacity:.8}.search-container{margin-top:20px}.search-container input[type=text]{background-color:var(--dark-gray);border:1px solid var(--light-gray);border-radius:8px;box-shadow:5px 5px 8px 2px #000000a8;color:var(--light-gray);font-family:var(--basic-font);font-size:1em;height:40px;padding:0 20px;text-align:center;transition:all .3s ease;width:30%}.search-container input[type=text]::focus{border-color:var(--light-blue);outline:none}.search-container input[type=text]::placeholder{color:var(--light-gray);opacity:.7}.select-container{margin-top:10px}select{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:5px;padding:8px;width:100%}.option-inactive{color:#888}.card{align-items:center;background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;color:var(--light-gray);flex-wrap:wrap;margin:5px;min-height:60px;padding:10px;position:relative;transition:.3s ease;width:auto}.card,.subtask-card{display:flex;justify-content:space-between}.subtask-card{background-color:var(--bg-mostly-black);flex-direction:row;flex-wrap:nowrap;margin:0!important}.subtask-options{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 5px}.card:hover{cursor:pointer}.card:active{cursor:grabbing}.addbtn{align-items:center;background-color:initial;border:2px dashed var(--dark-gray);border-radius:5px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-top:0}.addbtn,.addbtn:hover{color:var(--light-gray)}.addbtn:hover{background-color:var(--dark-gray)}@keyframes rotate{0%{transform:rotate(10deg)}50%{transform:rotate(-20deg)}to{transform:rotate(10deg)}}.edit-button{color:var(--light-gray)}.edit-button:hover{animation:rotate .5s}.delete-task-button{color:var(--light-gray)}.delete-task-button:hover{color:var(--important)}.ai-button,.favourite-button{color:var(--light-gray)}.regular-icon:hover,.solid-icon{color:var(--starred)}.task-title{font-size:.9em;padding:5px 10px 5px 5px;text-align:left;width:100%}.options{cursor:pointer;overflow:auto;padding:5px;position:absolute;right:0;top:0;width:10%}.icon-container{background-color:initial;border-radius:5px;flex-direction:column;gap:10px;overflow-y:auto;width:400px;z-index:100}.icon-container,.option{display:flex;justify-content:flex-start}.option{align-items:center;background-color:var(--dark-Sidebar);border:1px solid var(--dark-Sidebar);border-radius:8px;flex-direction:row;gap:5px;height:40px;margin-right:auto;padding:5px 10px 5px 5px;transition:.3s ease}.option:hover{background-color:#afacac;border:none;cursor:pointer;transform:translateX(10px)}.option p{animation:none;cursor:pointer;width:max-content}.option p,.option span{color:var(--light-gray)}.option span{padding:5px;width:30px}.tags{align-items:flex-end;align-self:flex-end;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;overflow:visible;width:100%}.description-container,.subtasks-container,.tags-container{grid-column:1/span 2}.comments-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:4/span 2;justify-content:flex-start;width:100%}.attachments-container{grid-row:4/span 1}.attachments-container,.members-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;grid-column:2;justify-content:flex-start}.members-container{grid-row:5/span 1}.subtasks-oncard{margin-top:10px}.members-oncard,.subtasks-oncard{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.members-oncard{gap:5px}.members-oncard img{border:1px solid var(--dark-gray);border-radius:50%;height:30px;width:30px}.icon-margin{margin-right:4px}.trash-margin{margin-left:3px}.placeholder{align-items:center;background-color:initial;border:2px solid var(--dark-gray);border-radius:5px;color:var(--light-gray);display:flex;flex-wrap:wrap;justify-content:space-between;margin:5px;min-height:60px;padding:10px;position:relative;transition:.3s ease;width:auto}.placeholder-title{font-size:.9em;padding:5px 10px 5px 5px;text-align:center;width:100%}.card-container{background-color:var(--bg-dark);border-radius:5px;box-shadow:0 10px 20px 5px #0003;display:flex;flex-direction:column;margin:20px 10px;max-height:700px;padding:10px;position:relative;width:350px}.task-container{overflow:auto}.div-container{align-items:flex-start;display:flex;flex-wrap:nowrap;justify-content:flex-start}.Board_Without_title{overflow:auto;position:relative;z-index:2}.addbtn-column{align-items:center;background-color:initial;border:2px dashed var(--dark-gray);border-radius:5px;box-shadow:none;color:var(--dark-gray);cursor:pointer;flex-direction:row;font-size:1.3em;gap:10px;height:155px!important;justify-content:center;min-height:155px!important;min-width:350px!important;padding:10px;transition:.4s ease-in-out;width:350px!important}.addbtn-column:hover{background-color:var(--bg-dark);color:var(--light-gray)}.name-edit{border-bottom:1px solid var(--light-gray);color:var(--light-gray);column-gap:10px;display:flex;justify-content:flex-start;margin:0 30px 30px}.name-edit input{background:#0000;color:var(--light-gray);font-family:var(--basic-font);font-size:1.5em;margin:5px 20px 5px 0;width:70%}.name-edit input,.name-edit input:active,.name-edit input:focus,.name-edit input:hover{border:none;outline:none}.name-edit input::selection{background:var(--light-gray);color:var(--dark-gray)}.name-edit span{margin:4px 0 6px}.delete-column-button{color:var(--light-gray);cursor:pointer;padding:5px}.delete-column-button:hover{color:var(--important-light)}.edit-action-button{background-color:initial;border:none;cursor:pointer;margin-block:0;margin-inline:5px;outline:none;padding:0}#check-button:hover{color:var(--confirm)}#cancel-button:hover{color:var(--important)}.ai-button,.ai-button-on-title-bar{color:var(--light-gray);cursor:pointer;padding:5px}.ai-button:hover{color:var(--magic)}.code-button{color:var(--light-gray);cursor:pointer;padding:5px}.code-button:hover{color:var(--code)}.craft-button{color:var(--light-gray);cursor:pointer;padding:5px}.craft-button:hover{color:var(--craft)}.clipboard-button{color:var(--light-gray);cursor:pointer;padding:5px}.clipboard-button:hover{color:var(--light-blue)}.generate-task-button{left:0;padding:5px 10px;position:absolute;top:0}.option-p{color:#f0f8ff}.agi-menu li:hover{background-color:#afacac;border-radius:8px;color:var(--button-hover)}.agi-submenu{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 0 10px #00000080;margin:5px;padding:5px;position:absolute;right:0;top:100px;width:max-content;z-index:100}.agi-menu-title{border-bottom:1px solid var(--light-gray);color:var(--light-gray);margin:0 20px 20px}.agi-menu{flex-direction:column;justify-content:flex-start;list-style-type:none}.agi-menu,.agi-menu li{align-items:center;display:flex;gap:10px;padding:5px}.agi-menu li{cursor:pointer;flex-direction:row;justify-content:space-between;width:100%}.agi-menu li span{align-items:center;color:var(--light-gray);display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start}.agi-menu>li span:first-child{width:20%}.agi-menu>li span:nth-child(2){width:70%}.sort-submenu{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 0 10px #00000080;margin:5px;min-width:200px;padding:5px;position:absolute;right:0;top:100px;width:max-content;z-index:100}.sort-menu-title{border-bottom:1px solid var(--light-gray);color:var(--light-gray);margin:0 20px 20px}.sort-menu{flex-direction:column;justify-content:flex-start;list-style-type:none}.sort-menu,.sort-menu li{align-items:center;display:flex;gap:10px;padding:5px}.sort-menu li{cursor:pointer;flex-direction:row;justify-content:space-between;width:100%}.sort-menu li:hover{background-color:#afacac;border-radius:8px}.sort-menu li span{align-items:center;color:var(--light-gray);display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start}.sort-menu>li span:first-child{width:20%}.sort-menu>li span:nth-child(2){width:70%}.filter-menu-title{border-bottom:1px solid var(--light-gray);margin:0 20px 20px}.filter-submenu{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 0 15px #000000b3;margin:5px;min-width:250px;padding:10px;position:absolute;right:0;top:100px;width:max-content;z-index:100}.filter-menu-title{color:var(--light-gray)}.filter-menu{display:flex;flex-direction:column;gap:15px;padding:10px}.filter-category{margin-bottom:15px}.filter-category p{color:var(--light-gray);margin:0 0 8px}.filter-checkbox-container{display:flex;flex-direction:column;gap:8px}.filter-checkbox-item{align-items:center;display:flex}.filter-checkbox-item input{margin-right:8px}.filter-checkbox-item label{color:var(--light-gray)}.filter-checkbox-item:hover{background-color:#ffffff1a;border-radius:5px}.tag-filter-label{border-radius:5px;min-width:80px;text-align:center}.select-all-button{background-color:#0000;border:dotted;border-color:var(--light-gray);border-radius:5px;border-width:1px;color:var(--light-gray);cursor:pointer;font-weight:700;margin-bottom:20px;margin-top:-20px;padding:8px}.select-all-button:hover{background-color:var(--attachment-link)}@media (max-width:830px){body{font-size:.9em}.div-container{flex-wrap:wrap}}@media (max-width:480px){body{font-size:.75em}.div-container{flex-direction:column}}@media (max-width:415px){.content{padding:20px 10px}}@media (max-width:380px){.content{padding:20px 5px}}@media (max-width:370px){.content{padding:20px 0}}.log-filter select{background-color:var(--dark-gray);border-radius:5px;padding:5px 10px}.log-activity-count{font-size:14px;margin:10px 20px}.log-menu-title{background-color:var(--dark-gray);color:var(--light-gray);margin:0 20px 20px;z-index:102}.log-item,.log-menu-title{border-bottom:1px solid var(--light-gray)}.log-item{background-color:var(--bg-mostly-black);border-radius:5px;margin:0 10px -5px;padding:5px}.log{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:space-between}.log-creator,.log-date{color:var(--light-gray);font-weight:700;max-width:100px;min-width:100px}.log-date{font-style:italic}.log-info{background-color:var(--bg-mostly-black);border-radius:5px;color:var(--light-gray);display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin:0 0 8px}.log-info p{font-weight:700;margin:5px;padding:5px}.log-td:first-child{color:var(--highlight-color);color:var(--light-gray);font-weight:700}.log-filter{align-items:center;color:var(--light-gray);display:flex;gap:10px;margin:10px 20px}.log-filter label{font-weight:700}.log-filter select{background-color:var(--bg-mostly-black);border:1px solid var(--light-gray);border-radius:8px;outline:none;padding:7px 12px;transition:background-color .3s,color .3s}.log-details,.log-filter select{color:var(--light-gray)}.log-filter select:hover{background-color:var(--light-gray);color:var(--bg-mostly-black)}.log-activity-count{border-left:3px solid var(--highlight-color);color:var(--light-gray);font-size:15px;font-style:italic;font-weight:600;margin:12px 20px;padding-left:10px}.user-filter-select{background-color:var(--bg-mostly-black);border:1px solid var(--light-gray);border-radius:8px;color:var(--light-gray);outline:none;padding:7px 12px;transition:background-color .3s,color .3s}.log-submenu{border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 0 15px #000000b3;display:flex;flex-direction:column;margin:10px;max-height:80vh;max-width:80%;min-width:500px;position:absolute;right:0;top:100px;width:max-content;z-index:100}.log-header,.log-submenu{background-color:var(--dark-gray)}.log-header{padding:10px;position:sticky;top:0;z-index:101}.log-content{flex-grow:1;overflow-y:auto}.log-table{border-collapse:collapse;margin:5px 5px 20px;width:100%}.log-td,.log-th{border:1px solid var(--light-gray);color:var(--light-gray);padding:8px;text-align:center}.log-th{background-color:#8a8a8a;font-weight:700}.log-td{background-color:var(--bg-mostly-black)}.log-container{word-wrap:break-word;display:flex;flex-direction:column;gap:15px;max-width:100%;overflow-x:hidden;padding-bottom:20px}#root,body,html{overflow-x:hidden;overflow-y:hidden}.title-bar{align-items:center;background-color:var(--title-bar);border-bottom:1px solid var(--title-bar);display:flex;flex-direction:row;gap:40px;height:60px;justify-content:space-between;left:0;position:relative;top:0;width:100%;z-index:1}.title-name{color:var(--button-hover)!important}.title-name,.title-name-input{font-family:var(--basic-font);font-size:2em;margin:20px}.title-name-input{background-color:var(--title-bar);border:none}.title-bar-buttons{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:20px}.title-bar-buttons ul{gap:20px;justify-content:flex-end;list-style:none}.title-bar-buttons li,.title-bar-buttons ul{align-items:center;display:flex;flex-direction:row;justify-content:center}.title-bar-buttons li{color:var(--button-hover)!important;cursor:pointer;gap:5px;height:36px;padding:5px}.title-bar-buttons li:hover{background-color:var(--title-bar-hover);border-radius:8px;color:var(--off-white)}.title-bar-buttons li svg{color:var(--button-hover)!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.gt-popup-content{max-height:90vh;overflow:auto;padding:5px;width:100%}.gt-attributes-container{background-color:var(--bg-mostly-black);border:1px solid var(--light-gray);border-radius:8px;display:flex;flex-direction:column;margin:20px 0 10px;padding:10px}.gt-attributes{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:5px}.gt-action-buttons{display:grid;grid-template-columns:80% 20%;margin-bottom:50px}.gt-space{margin-left:50px}.gt-input-container{display:flex;flex-direction:column;gap:20px}.title{margin:0;width:15%}.title,.value{text-align:left}.value{font-size:.8em;width:85%}.gt-input-container input,.gt-input-container textarea{background-color:var(--dark-Navbar);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);font-family:var(--basic-font);padding:5px;width:100%}.gt-input-container input{height:2rem}.gt-input-container input:active,.gt-input-container input:focus,.gt-input-container input:hover{outline:none}.gt-input-container textarea{overflow:auto;resize:none}.gt-input-container p{margin:0;text-align:left}.gt-input-container h3{text-align:left}.dropdown-container{display:flex;flex-direction:row;gap:10px;margin:10px}.Dropdown-root{height:1rem}.Dropdown-root .Dropdown-control{align-items:center;background-color:var(--dark-gray);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);display:flex;flex-direction:row;gap:10px;justify-content:center;padding:0 5px}.dropdown-options .Dropdown-control{width:max-content}.dropdown-menu{overflow:visible}.Dropdown-root .Dropdown-menu{background-color:var(--dark-gray);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray)}.Dropdown-root .Dropdown-option{color:var(--light-gray)}.Dropdown-root .Dropdown-arrow{position:inherit}.Dropdown-root .Dropdown-option:hover{background-color:var(--scrollbar-hover);color:var(--off-white)}.Dropdown-root .Dropdown-option.is-selected{background-color:var(--dark-gray);color:var(--scrollbar-hover)}.generate-button{align-self:flex-end;background-color:var(--dark-gray);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);cursor:pointer;grid-column:2;grid-row:1/span 12;justify-self:center;min-width:80px;padding:10px;transition:.4s ease}.generate-button:hover{background-color:var(--button);color:var(--off-white)}.subtasks h2{margin:0 0 20px;text-align:left}.gt-space-after{margin-bottom:10px}.Dropdown-root{position:relative}.Dropdown-control{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;overflow:hidden;padding:8px 52px 8px 10px;position:relative;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px 0 #0000000f}.Dropdown-arrow{border-color:#999 #0000 #0000;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:#0000 #0000 #999;border-width:0 5px 5px}.Dropdown-menu{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.Dropdown-menu .Dropdown-group>.Dropdown-title{color:#333;font-weight:700;padding:8px 10px;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Dropdown-option.is-selected,.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.autocomplete-container{align-items:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;padding:20px;width:300px}.suggestions-list{border:1px solid #ccc;border-radius:4px;list-style:none;margin:10px 0;max-height:150px;overflow-y:auto;padding:0;width:100%}.suggestions-list li{cursor:pointer;padding:8px;transition:background-color .2s}.suggestions-list li:hover{background-color:#f5f5f5}.crafted-prompt{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.crafted-prompt-type{font-size:1.2em;font-weight:700}.crafted-prompt-content{margin:0}.crafted-prompt-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;margin:5px;padding:2px 10px;transition:background-color .3s ease}.edit-crafted-prompt-button{background-color:#23dd51;color:#fff}.edit-crafted-prompt-button:hover{background-color:#0b7035}.delete-crafted-prompt-button{background-color:tomato;color:#fff}.delete-crafted-prompt-button:hover{background-color:#dc143c}.output-textarea{border:1px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;height:150px;margin-bottom:10px;padding:10px;width:100%}.coding-container{width:100%}.code-textarea,.coding-container p{text-align:left}.code-textarea{background-color:var(--bg-mostly-black);border:1px solid var(--light-gray);border-radius:5px;color:var(--light-gray);display:inline-block;font-family:Courier New,Courier,monospace;margin-bottom:10px;min-height:150px;padding:10px;width:100%}.output-textarea:disabled{background-color:var(--light-gray);cursor:not-allowed;resize:none}.react-dropdown-select{margin-bottom:10px;width:100%}.code-dropdown{margin-bottom:20px}.input-container{margin-block:20px}.simple-text-text-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-top:5px;padding:8px;width:100%}.add-column-label{display:block;font-size:14px;margin-bottom:10px}.add-column-text-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-top:5px;padding:8px;width:100%}.add-column-checkbox{margin-right:5px}.edit-profile-form{background:var(--dark-gray);border-radius:8px;box-shadow:0 0 10px var(--mostly-black);flex-direction:column;gap:40px;margin:100px auto;max-width:400px;padding:100px 25px 25px;position:relative;width:100%}.edit-profile-form,.profile-image-container{align-items:center;display:flex;justify-content:center}.profile-image-container{border:3px solid var(--dark-gray);border-radius:50%;box-shadow:0 5px 10px #00000080;height:150px;left:50%;overflow:hidden;position:absolute;top:0;transform:translate(-50%,-50%);width:150px}.profile-image{cursor:pointer;height:100%;object-fit:cover;object-position:center;width:100%}.form-group-edit{margin-bottom:0;width:100%}.form-group-edit label{display:none}.form-group-edit input[type=email],.form-group-edit input[type=password],.form-group-edit input[type=text]{background:#0000;border:0;border-bottom:1px solid var(--light-gray);color:var(--light-gray);font-family:var(--basic-font);font-size:16px;outline:none;padding:10px;width:100%}.form-group-edit input[type=email]::selection,.form-group-edit input[type=password]::selection,.form-group-edit input[type=text]::selection{background:var(--light-gray);color:var(--dark-gray)}.confirm-button{background:var(--dark-gray);border:1px solid var(--light-gray);border-radius:4px;color:var(--light-gray);cursor:pointer;margin-top:20px;padding:10px 0;transition:all .3s ease;width:100%}.confirm-button:hover{background:var(--confirm);border:1px solid var(--confirm)}.delete-button{background:#0000;border:1px solid var(--important);border-radius:5px;color:var(--light-gray);margin-top:20px;padding:10px 0;transition:all .3s ease;width:100%}.delete-button:hover{background:var(--important);border:1px solid var(--important);color:var(--light-gray)}.password-confirmation{width:80%}.password-confirmation input[type=password]{background:#0000;border:0;border-bottom:1px solid var(--light-gray);color:var(--light-gray);font-family:var(--basic-font);font-size:16px;outline:none;padding:10px;width:100%}.errorBox{border:1px solid var(--important)}.errorBox,.succesfullBox{color:var(--light-gray);width:100%}.succesfullBox{background-color:var(--confirm);border:1px solid var(--confirm)}.ChangeBG{background-color:var(--dark-gray);border-radius:8px;box-shadow:0 0 10px var(--mostly-black);color:var(--light-gray);margin:0 auto;max-width:600px;padding:20px;text-align:center;width:100%}.ChangeBG h2{font-size:24px;margin-bottom:20px}.ButtonContainer{align-items:center;display:flex}.next-button,.prev-button{background-color:initial;border:none;color:var(--light-gray);cursor:pointer;font-size:24px;transition:color .3s ease}.next-button:hover,.prev-button:hover{color:var(--light-blue)}.Button-scroller{-ms-overflow-style:none;display:flex;flex-grow:1;margin:0 10px;overflow-x:auto;scrollbar-width:none}.Button-scroller::-webkit-scrollbar{display:none}.Button-scroller img{background-color:initial;border:none;border-radius:8px;box-shadow:0 5px 10px #00000080;cursor:pointer;display:block inline;flex-shrink:0;margin:0 5px;padding:0;transition:transform .3s ease}.permission-table{border-radius:8px;display:table;margin:50px auto;width:95%}.permission-table-header{display:table-header-group}.permission-table-header div:first-child{border-radius:8px 0 0 0}.permission-table-header div:last-child{border-radius:0 8px 0 0}.permission-table-header-cell{background-color:var(--bg-dark);border:1px solid var(--dark-gray);color:var(--light-gray);display:table-cell;font-size:1.3em;padding:10px}.permission-table-body{display:table-row-group}.permission-table-row{display:table-row}.permission-table-body-cell{background-color:var(--bg-mostly-black);border:1px solid var(--dark-gray);color:var(--light-gray);display:table-cell;padding:20px;text-align:center}.permission-table-body div:last-child div:first-child{border-radius:0 0 0 8px}.permission-table-body div:last-child div:last-child{border-radius:0 0 8px 0}.delete-role{background-color:var(--important);border:none;border-radius:4px;color:var(--off-white);cursor:pointer;font-size:.8em;padding:5px 10px}.add-role{align-items:center;display:flex;justify-content:center;margin-top:20px}.role-input{border:1px solid var(--dark-gray);border-radius:4px;padding:8px;text-align:center;width:300px}.add-role-button{background-color:var(--button);border:none;border-radius:5px;color:var(--off-white);cursor:pointer;margin-left:10px;padding:8px 15px;transition:background-color .3s ease}.add-role-button:hover{background-color:var(--important-light)}.add-role-button:disabled{background-color:var(--off-white);color:var(--bg-dark);cursor:default}.permission-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--light-gray);border:2px solid var(--dark-gray);border-radius:5px;cursor:pointer;height:20px;position:relative;transition:background-color .3s,border-color .3s;width:20px}.permission-checkbox:checked{background-color:var(--button);border-color:var(--button)}.permission-checkbox:disabled{background-color:var(--bg-mostly-black);border-color:var(--dark-gray);cursor:not-allowed}.permission-checkbox:disabled:checked{opacity:.5}.permission-checkbox:after{border:solid var(--off-white);border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.permission-checkbox:checked:after{display:block}.permission-checkbox:hover{border-color:var(--light-gray)}.permission-name{font-weight:700}.role-permission{text-align:center}.role-permission input[type=checkbox]{display:block;margin:0 auto}.role-header-div{display:flex;gap:10px;justify-content:center}.role-rename-input-field{background-color:var(--dark-gray);border:1px solid var(--gray);border-color:var(--gray);border-radius:4px;color:azure;margin-right:10px;padding:5px;width:300px}.role-rename-button{background-color:var(--button);color:var(--off-white);font-size:.8em;padding:5px 10px;transition:background-color .3s ease}.cancel-role-button,.role-rename-button{border:none;border-radius:4px;cursor:pointer}.cancel-role-button{background-color:var(--cancel);color:#fff;font-size:14px;font-weight:400;padding:8px 16px;transition:background-color .3s}.cancel-role-button:hover{background-color:var(--cancel-hover)}.dashboard-stats{flex-direction:row;gap:20px;margin:20px auto;width:90%}.dashboard-stats,.stat-card{align-items:center;display:flex;justify-content:center}.stat-card{background-color:var(--dark-gray);border:2px solid var(--dark-gray);border-radius:50%;box-shadow:0 5px 10px #00000080;color:var(--light-gray);flex-direction:column;height:150px;transition:transform .3s ease,box-shadow .3s ease;width:150px}.stat-card:hover{box-shadow:0 8px 16px #00000080;transform:scale(1.1)}.stat-value{font-size:2.5em;font-weight:700;margin:0}.stat-label{font-size:1.1em;font-weight:600;margin-top:8px;text-align:center}.dashboard-favourites{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.boards{background-color:var(--bg-dark);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}