.styled-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2c2c38;border-radius:15px;box-shadow:0 2.4rem 3.2rem #0000001f;padding:3.2rem 4rem;transition:all .5s;overflow-y:auto;max-height:90vh}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;transition:background-color .5s}.modal-button{background:none;border:none;border-radius:5px;transform:translate(.8rem);transition:all .2s;position:absolute;top:1.2rem;right:1.9rem}.modal-button:hover{background-color:#f3f4f6}.modal-button svg{width:2.2rem;height:2.2rem;color:#6b7280}.form-row{display:flex;flex-direction:column;width:100%;padding:1rem 0}.form-row-label{margin-bottom:.5rem;color:#fff}.form-row:first-child{padding-top:0}.form-row:last-child{padding-bottom:0}.form-row:has(button){display:flex;justify-content:flex-end}.form-row-error{margin-top:5px;color:#b91c1c;font-size:1rem}.input{border:1px solid #d1d5db;background-color:#2c2c38;border-radius:5px;padding:.8rem 1.2rem;box-shadow:0 1px 2px #0000000a;color:#fff}.input:focus{outline:1px solid #645fc6}.task-form{width:80rem;max-width:600px;overflow:hidden;font-size:1.4rem;margin:0 1rem}.task-form-title{color:#f3f4f6}.task-form-row{display:flex;flex-direction:column;padding:1.2rem 0}.task-form-row:first-child{padding-top:0}.task-form-row:last-child{padding-bottom:0}.task-form-row:has(button){display:flex;justify-content:flex-end}.task-form-row-subtasks{width:100%;display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.task-form-row-subtasks input{flex:1}.task-form-row-subtasks button{display:flex;align-items:center;transition:opacity .2s ea}.task-form-row-subtasks button:hover{opacity:.7}.task-form-row-subtasks svg{color:#fff;font-size:1.8rem}.task-form-button{font-size:1rem;width:100%;padding:10px 0;transition:opacity .2 ease-in-out;opacity:1;text-align:center;border-radius:20px;background-color:#645fc6;color:#fff;margin-top:1.2rem}.task-form-button:hover{opacity:.7}.task-form-submit{font-size:1rem;width:100%;padding:10px 0;transition:opacity .2 ease-in-out;opacity:1;text-align:center;border-radius:20px;background-color:#fff;color:#645fc6}.task-form-submit:hover{opacity:.7}.icon-container{display:flex;align-items:center;gap:.5rem;color:#fff}.header{background-color:#2c2c38;width:100%;padding:1rem;border-bottom:1px #707684 solid;display:flex;justify-content:space-between;align-items:center;min-height:80px}.header-title{color:#fff;text-transform:capitalize}.header-button{display:flex;align-items:center;background-color:#645fc6;border-radius:25px;color:#fff;padding:.8rem;opacity:1;transition:opacity .2s ease-in-out;gap:.2rem}.header-button:disabled{opacity:.7;transition:none}.header-button:hover{opacity:.7}.sidebar{display:flex;flex-direction:column;justify-content:space-between;background-color:#2c2c38;color:#fff;min-width:250px;max-width:250px;transform:translate(0);padding:1rem;border-right:1px #707684 solid;transition:all .2s ease-in-out}.sidebar h1{display:flex;align-items:center;gap:.3rem;line-height:2.5rem}.sidebar h1 svg{transform:rotate(90deg);font-size:1.6rem}.sidebar-title{color:#707684;font-size:.8rem;margin:1.5rem 0 1rem}.sidebar-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;color:#707684;flex:1;padding:.5rem;border-top-right-radius:0;border-bottom-right-radius:0;transition:opacity .2s ease-in-out}.sidebar-link:hover{opacity:.7}.sidebar-button{display:flex;align-items:center;justify-content:center;gap:.8rem;transition:opacity .2s ease-in-out}.sidebar-button:hover{opacity:.7}.active{background-color:#645fc6;color:#f3f4f6;border-top-right-radius:1rem;border-bottom-right-radius:1rem;animation:animateThis .2s ease-in}.isHidden{min-width:100px;max-width:100px}@keyframes animateThis{0%{width:50%}to{width:100%}}.main-container{display:flex;min-height:100vh}.board-container{display:flex;flex:1;flex-direction:column}*{padding:0;margin:0;box-sizing:border-box}button{all:unset;cursor:pointer}button:focus{outline:revert}