.card-item{background-color:var(--secondary-bg-color-light)}.card-item.dark{background-color:var(--secondary-bg-color-dark)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;background-color:var(--secondary-bg-color-light);border-radius:20px}.navbar-container.dark{background-color:var(--secondary-bg-color-dark)}.navbar-user-container{display:flex;align-items:center;gap:20px}.navbar-user-greeting{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.greeting-text{color:#828e9f}.greeting-name{color:#5c636d}.nav-welcome-text{font-size:20px;font-weight:700}.navbar-btns{border:1px solid var(--button-border-color-light)!important;color:var(--button-text-color-light)!important}.navbar-btns:hover{background-color:var(--button-border-color-light)!important;color:#fff!important}.navbar-btns.dark{border:1px solid var(--button-border-color-dark)!important;color:var(--button-text-color-dark)!important}.navbar-btns.dark:hover{background-color:var(--button-border-color-dark)!important;color:#fff!important}.logout-btn.dark:hover{background-color:#c53030!important;color:#ffd1d1}.darkmode-toggle{width:35px!important;height:35px!important;cursor:pointer!important}.upload-modal{background-color:var(--card-background-color-light);padding:25px;border-radius:15px}.upload-modal.dark{background-color:var(--card-background-color-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-icon{animation:spin .25s linear infinite}.form-container{display:flex;justify-content:flex-end;gap:10px;padding:15px}.form-title{font-size:25px}.input-field{display:flex;flex-direction:column;margin-bottom:10px}input,textarea,select{font-size:18px;padding:10px}input:focus,textarea:focus{outline:none}input[type=text]{border-radius:5px}.submit-container{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px}.btn-submit{padding:10px 15px;border-radius:50px}.error-text{color:#eb4242;font-size:305px}.container{box-sizing:border-box;background-color:var(--background-color-light);display:flex;flex-direction:column;padding:25px;gap:15px}.container.dark{background-color:var(--background-color-dark)}.columns-container{display:flex;justify-content:space-between;gap:10px;flex-basis:95%;box-sizing:border-box}.modal-task-title{text-align:left;font-style:italic;font-weight:400}.modal-delete-message{color:#e12020;text-align:left;font-weight:400;font-size:16px}.hidden{display:none}.input-border{border:1px solid var(--button-border-color-light)!important;color:var(--column-pill-text-color-light)!important}.input-border.dark{border:1px solid var(--button-border-color-dark)!important;color:var(--button-text-color-dark)!important}.cancel-btn{border:1px solid #00000042!important;color:#00000042!important}.cancel-btn:hover{border:1px solid #00000042!important;background-color:#00000042!important;color:#fff!important}.cancel-btn.dark{border:1px solid #ffffff0d!important;background-color:#ffffff0d!important}.cancel-btn.dark:hover{background-color:var(--edit-complete-btn-hover-bg-color-dark)!important;border:1px solid var(--edit-complete-btn-hover-bg-color-dark)!important}.color-btn:hover{background-color:var(--edit-complete-btn-text-color-light)!important;color:#fff!important}.color-btn.dark:hover{background-color:var(--edit-complete-btn-hover-bg-color-dark)!important;border:1px solid var(--edit-complete-btn-hover-bg-color-dark)!important}.input-users{border:1px solid var(--button-border-color-light)!important;border-radius:15px!important;padding:15px 0}.column{background-color:var(--secondary-bg-color-light);box-sizing:border-box;border-radius:35px;flex-basis:32%;padding:0 0 5px;transition:background-color .3s ease}.column.dark{background-color:var(--secondary-bg-color-dark)}.active{background-color:var(--column-active-bg-color-light)}.active.dark{background-color:var(--column-active-bg-color-dark)}.column-pill.selected{background-color:var(--column-pill-bg-color-light);color:var(--column-pill-text-color-light)}.column-pill.selected.dark{background-color:var(--column-pill-bg-color-dark);color:var(--column-pill-text-color-dark)}.header{display:flex;justify-content:center;padding:15px;margin:8px;box-sizing:border-box;color:#555}.header-content{display:flex;flex-direction:column}.title{padding:5px 15px;border-radius:50px;display:flex;justify-content:center;align-items:center}h1{text-align:center;font-size:17px;font-weight:700;margin-bottom:10px;color:#333}.tasks-container{display:flex;flex-direction:column;padding:0 15px}.task-card{border-radius:30px;padding:25px;margin-bottom:20px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.task-header{text-align:center;font-weight:500}.task-card h2{font-size:1rem}.task-card-inprogress{background-color:var(--card-background-color-light)}.task-card h2{font-size:1rem;color:var(--card-header-color-light)}.task-card-inprogress p{color:var(--card-subtext-color-light)}.task-card-completed{background-color:#00000014}.task-card-inprogress.dark{background-color:var(--card-background-color-dark)}.task-card.dark h2{color:var(--card-header-color-dark)}.task-card-inprogress.dark p{color:var(--card-subtext-color-dark)}.task-card-completed.dark{background-color:#ffffff08}.task-card-hidden{display:none}.task-card-dragging{box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.1s}.task-card-dragging-dark{box-shadow:#0a0a0a8e 0 4px 8px,#0006 0 2px 4px;transition:box-shadow .1s}h3{text-align:center;font-size:18px;font-weight:700}.description-container-hidden{overflow:hidden;display:none;opacity:0;height:0px;transition:.2s}.description-container{overflow:hidden;display:block;opacity:1;height:auto;transition:.2s}p{font-size:15px;margin-bottom:10px;line-height:1.5;text-align:center}.delete-btn:hover{color:#010101!important;transition:.3s!important}.edit-btn,.complete-btn{transition:.3s!important;border:none!important;color:var(--edit-complete-btn-text-color-light)!important}.edit-btn:hover,.complete-btn:hover{color:#010101!important}.edit-btn.dark,.complete-btn.dark{border:none!important;color:var(--edit-complete-btn-text-color-dark)!important}.edit-btn.dark:hover,.complete-btn.dark:hover{border-color:none!important;color:#fff!important}.delete-btn{color:var(--delete-btn-color)!important;border:none!important;transition:.3s!important}.delete-btn:hover{color:#ac1423!important}.loading-border{position:relative}.loading-border svg{position:absolute;top:0;left:0}.loading-border .line{stroke-dasharray:360;stroke-width:3px;fill:transparent;stroke:#a7a2a265;animation:svgAnimation 2.5s linear infinite}@keyframes svgAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:1000}}*,*:before,*:after{box-sizing:border-box;font-family:DM Sans,sans-serif}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}html,body{height:100%}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}body{line-height:1.5;-webkit-font-smoothing:antialiased}*{max-width:100%}