:root{--active-light-bg:#e7ddfd;--active-dark-bg:#422677;--active-light-text-color:#3616cb;--active-dark-text-color:#fff;--btn-color-primary:#7c6bf0;--btn-color-secondary:#f1f2f4;--primary-color:#806df6;--color-orange:#f49538;--color-green:#38ac38;--rem-half:.5rem;--rem-020:.2rem;--rem-1:1rem;--rem-2:2rem;--rem-3:3rem}*{box-sizing:border-box;margin:0;padding:0}#root{height:100vh}.nav-link{padding:var(--rem-half);font-size:var(--rem-1);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.nav-link__count{border:.5px solid gray;border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;display:flex}.active{background-color:var(--active-light-bg);color:var(--active-light-text-color);border-radius:5px}.navbar-container{gap:var(--rem-1);flex-direction:column;height:100%;display:flex}.header{align-items:center;gap:var(--rem-020);padding-top:var(--rem-1);justify-content:center;display:flex}.header__heading{font-size:1.5rem;font-weight:600}.nav-link-container{gap:var(--rem-half);flex-direction:column;flex:1;display:flex}.navbar__remmove-btn{justify-content:center;align-items:center;display:flex}.btn{padding:var(--rem-half);color:#fff;align-items:center;gap:var(--rem-020);cursor:pointer;border:none;border-radius:5px;display:flex}.btn-primary{background-color:var(--btn-color-primary)}.btn-secondary{background-color:var(--btn-color-secondary);color:#000}.dashboard-container{height:100%;padding:var(--rem-1);display:flex}.dashboard__nav-container{max-width:50rem;padding:var(--rem-half)}.dashboard__main-container{padding:var(--rem-2);gap:var(--rem-2);flex-direction:column;flex:1;display:flex}.card-container{padding:var(--rem-half);border:1px solid gray;border-radius:5px;justify-content:space-between;display:flex}.card__section{gap:var(--rem-1);align-items:center;display:flex}.card__title-stroke{text-decoration:line-through}.card__actions{display:flex}.card__actions__status-green{color:var(--color-green)}.card__actions__status-orange{color:var(--color-orange)}.input-container{gap:var(--rem-half);padding:var(--rem-020);border:1px solid gray;border-radius:5px;align-items:center;display:flex}.input{font-size:var(--rem-1);border:none;outline:none;flex:1}.input-container:focus-within{border:1px solid var(--primary-color)}.select-container{border-radius:5px}.select{padding:var(--rem-half)}.header-container{padding:var(--rem-1);gap:var(--rem-1);flex-direction:column;display:flex}.header__task-actions{gap:var(--rem-2);display:flex}.modal-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.modal{padding:var(--rem-1);gap:var(--rem-1);gap:var(--rem-1);background-color:#fff;border:1px solid gray;border-radius:5px;flex-direction:column;display:flex}.modal__form-container{gap:var(--rem-1);flex-direction:column;display:flex}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__selects{gap:var(--rem-1);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.modal__actions{gap:var(--rem-1);justify-content:flex-end;display:flex}.notification-container{gap:var(--rem-1);padding:var(--rem-1);flex-direction:column;display:flex;overflow:hidden}.enable-notification{background-color:#c5f6d4}.notification-header{font-weight:700}.notification-due-task-list{gap:var(--rem-1);flex-direction:column;display:flex;overflow:auto}.notification-card-container{gap:var(--rem-1);padding:var(--rem-1);background-color:#fef3f3;border:1px solid #d79999;border-radius:5px;display:flex}.notification-card__icon{aspect-ratio:1;height:35px}.notification-card__icon>svg{color:#fb1416;width:100%;height:100%}.deadline-notification{color:#000;background-color:#d79999}.notification-content{flex:1,}.notification-content__header{font-weight:600}.request-notification-container{gap:var(--rem-1);background-color:var(--active-light-bg);padding:var(--rem-1);color:red;border-radius:5px;align-items:center;display:flex}.request-notification__icon{font-size:var(--rem-2)}.request-notification__content{flex-direction:column;flex:1;display:flex}.request-notification__content-header{font-weight:600;font-size:var(--rem-2)}.request-notification__actions{justify-content:center;align-items:center;gap:var(--rem-1);display:flex}