@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;transition:background-color 0.2s ease-in, color 0.2s ease-in}:root,html[data-theme='dark']{--primary: #4a4a4a;--black: #ffffff;--white: #303030;--grey-bg: #666666;--danger: #ed4c5c;--grey-text: #888888;--soft-black: #f4f4f4;--divider: #575757;--backdrop-dimmer: rgba(0, 0, 0, 0.4);--button-text: #ffffff}html[data-theme='light']{--primary: #16abf8;--black: #111111;--white: #ffffff;--grey-bg: #f4f4f4;--danger: #ed4c5c;--grey-text: #888888;--soft-black: #4a4a4a;--divider: #dee2e6;--backdrop-dimmer: rgba(0, 0, 0, 0.4);--button-text: #ffffff}body{margin:0;font-family:'Poppins', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--grey-bg)}#app{min-height:100vh}

.modal-toast{border-radius:0.75rem;padding:1rem;display:flex;flex-direction:row;align-items:center;background-color:var(--white);position:relative;z-index:1000;min-width:600px}.modal-toast div:first-child{margin:0 1rem}.modal-toast div svg{width:1.25rem;height:1.25rem}

button,.common-button{cursor:pointer}button:disabled,.common-button:disabled{cursor:default}.common-button{height:3.375rem;min-width:9.375rem;border-radius:1.6875rem;border:0px;font-size:18px;font-weight:600;display:flex;justify-content:center;align-items:center;padding:0 1rem;color:var(--button-text)}.common-button p{margin:0;padding:0 0.4rem}.common-button.primary{background-color:var(--primary)}.common-button.danger{background-color:var(--danger)}.common-button.secondary{background-color:var(--grey-bg);color:var(--soft-black)}

.spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}

.modal-delete{border-radius:0.75rem;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--white);position:relative;z-index:1000;min-width:500px}.modal-delete .modal-delete__img{width:5rem;height:4rem;margin:1rem 0 3rem 0}.modal-delete .modal-delete__message{text-align:center;font-size:1.123rem;line-height:1.6rem;font-weight:500;margin-bottom:2.875rem;color:var(--black)}.modal-delete .modal-delete__buttons{display:flex;justify-content:center;margin-bottom:0.625rem}.modal-delete .modal-delete__buttons button{margin:0 0.625rem}

header{position:sticky;top:0;left:0;height:105px;background-color:var(--primary);display:flex;align-items:center}h2{color:white;font-size:1.5rem;font-weight:700}.container{width:80%;margin-right:auto;margin-left:auto}.container-main-header{display:flex;align-items:center;justify-content:space-between}@media (min-width: 1200px){.container{max-width:1000px}}.content-header{display:flex;justify-content:space-between;align-items:center;margin:43px 0px 55px 0px;flex-wrap:wrap}.content-header .content-header-wrapper{display:flex;align-items:center}.content-header .content-header__back-icon,.content-header .content-header__edit-icon{background:none;border:none;outline:none}.content-header .content-header__back-icon{margin-right:1rem}.content-header .content-header__edit-icon{margin-left:1rem}.content-header .content-header__title-input,.content-header .content-header__title{font-size:2.25rem;font-weight:700;margin:0;color:var(--black)}.content-header .content-header__title-input{background:none;border:none;outline:none;max-width:18rem;height:3.375rem}.modal{width:100%;height:100vh;position:fixed;top:0;left:0;display:none;align-items:center;justify-content:center;z-index:1000}.modal.show{display:flex}.backdrop{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1000;background-color:var(--backdrop-dimmer)}

.theme-toggle-input[type='checkbox']{height:0;width:0;display:none}.theme-toggle-label{cursor:pointer;text-indent:-9999px;width:60px;height:30px;background:var(--grey-bg);display:block;border-radius:30px;position:relative}.theme-toggle-label:after{content:'';position:absolute;top:5px;left:5px;width:20px;height:20px;background:var(--white);border-radius:20px;transition:0.3s}.theme-toggle-input:checked+.theme-toggle-label{background:#ffee00}.theme-toggle-input:checked+.theme-toggle-label:after{left:calc(100% - 5px);transform:translateX(-100%)}.theme-toggle-label:active:after{width:40px}

.activity-card{background-color:var(--white);height:234px;border-radius:12px;margin-bottom:26px;position:relative;box-shadow:0px 4px 8px rgba(0,0,0,0.15);display:grid;grid-template-rows:1fr auto}.activity-card .activity-card__content{padding:22px 27px;cursor:pointer}.activity-card .activity-card__content h4{font-size:18px;font-weight:700;color:var(--black)}.activity-card .activity-card__footer{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 27px}.activity-card .activity-card__footer p{margin:0;color:var(--grey-text);font-size:0.875rem}.activity-card .activity-card__footer button{background:none;outline:none;border:none;padding:0}

.empty-item{text-align:center}

.activity-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(229px, 0.25fr));grid-gap:1rem}

.priority-indicator{height:0.875rem;width:0.875rem;border-radius:50%;margin:0 0.25rem}.priority-indicator.very-high{background-color:#ed4c5c}.priority-indicator.high{background-color:#f8a541}.priority-indicator.normal{background-color:#00a790}.priority-indicator.low{background-color:#428bc1}.priority-indicator.very-low{background-color:#8942c1}

.priority-dropdown{position:relative}.priority-dropdown__toggle{height:3.25rem;min-width:11rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--white);color:var(--black);border:1px solid var(--divider);border-radius:5px;padding:0 0.875rem;font-size:1rem}.priority-dropdown__toggle .priority-active{display:flex;align-items:center}.priority-dropdown__toggle .priority-active p{margin:0 1rem}.priority-dropdown__toggle:focus{border:1px solid var(--primary);box-shadow:0 0 0 2px rgba(22,173,248,0.05)}.priority-dropdown__menu{position:absolute;top:100%;left:0;border-radius:0.375rem;background-color:var(--white);list-style:none;display:none;border:1px solid var(--divider)}.priority-dropdown__menu.show{display:block}.priority-dropdown__menu li .priority-dropdown__item{height:3.25rem;min-width:11rem;display:flex;align-items:center;border-bottom:1px solid var(--divider);padding:0 0.875rem;border:none;background-color:transparent;font-size:1rem}.priority-dropdown__menu .priority-dropdown__item:hover{background-color:var(--divider)}.priority-dropdown__menu li:not(:last-child){border-bottom:1px solid var(--divider)}.priority-dropdown__menu li .priority-dropdown__item p{margin:0 1rem;color:var(--black)}.priority-dropdown__menu li:last-child .priority-dropdown__item{border-bottom:none}

.modal-task{border-radius:0.75rem;background-color:var(--white);position:relative;z-index:1000;min-width:828px}.modal-task__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--divider)}.modal-task__header h5{font-size:1.125rem;font-weight:600;color:var(--black)}.modal-task__header button{background:none;border:none;font-size:1.25rem}.modal-task__body{padding:2.4rem 2rem 2.4rem 2rem}.modal-task__body .modal-task__row{display:flex;flex-direction:column;margin-bottom:1rem}.modal-task__body .modal-task__row-label{font-size:0.75rem;font-weight:600;margin-bottom:0.6rem;color:var(--black)}.modal-task__body .form-control{height:3.25rem;padding:0 1.25rem;caret-color:var(--primary);border:1px solid var(--divider);border-radius:5px;outline:none;font-size:1rem;background-color:var(--white);color:var(--black)}.modal-task__body .form-control:focus{border:1px solid var(--primary);box-shadow:0 0 0 2px rgba(22,173,248,0.05)}.modal-task__footer{display:flex;justify-content:flex-end;padding:1.25rem 2rem;border-top:1px solid var(--divider)}

.task-card{background-color:var(--white);height:5rem;border-radius:12px;position:relative;padding:0 1.75rem;box-shadow:0px 4px 8px rgba(0,0,0,0.15);display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.task-card .task-wrapper{display:flex;align-items:center}.task-card .task-wrapper .form-check{min-height:auto;margin-bottom:0;margin-right:1rem}.task-card .task-wrapper .form-check .form-check-input{width:1.25rem;height:1.25rem;margin-top:0;border-radius:0}.task-card .task-wrapper p{margin:0;padding:0 1rem}.task-card .task-wrapper .todo-done{color:var(--grey-text);text-decoration:line-through}.task-card .task-card__edit-icon,.task-card .task-card__delete-icon{background:none;border:none}

.sort-dropdown{position:relative}.sort-dropdown__toggle{background:none;width:3.375rem;height:3.375rem;border-radius:50%;border:1px solid var(--divider);margin:0 1.125rem}.sort-dropdown__menu{position:absolute;top:100%;left:0;border-radius:0.375rem;background-color:var(--white);list-style:none;display:none;border:1px solid var(--divider);z-index:1000}.sort-dropdown__menu.show{display:block}.sort-dropdown__menu li:not(:last-child){border-bottom:1px solid var(--divider)}.sort-dropdown__menu .sort-dropdown__item{display:flex;align-items:center;height:3.25rem;width:12rem;border:none;background-color:transparent;padding:0 1rem}.sort-dropdown__menu .sort-dropdown__item:hover{background-color:var(--divider)}.sort-dropdown__menu .sort-dropdown__item div svg{width:1.125rem;height:1.125rem}.sort-dropdown__menu .sort-dropdown__item p{margin:0 1rem;color:var(--black)}

.task-row{--bs-gutter-y: 0.625rem}