:root{--primary-color: #3d36cf;--secondary-color: #8682f0;--accent-color: #4f48fb;--text-color: #0e0e18;--background-color: #f8f8fc;--font-stack: "Roboto", Verdana, sans-serif;--font-size: 1.2rem;--sm: 40rem;--md: 48rem;--lg: 64rem;--xl: 80rem;--2xl: 96rem}.dark{--primary-color: #8b87ff;--secondary-color: #5b57d6;--accent-color: #a5a3ff;--text-color: #e6e7f2;--background-color: #0f1020;--surface-color: #16172a;--border-color: #26284a}*{box-sizing:border-box}body{font-family:var(--font-stack),sans-serif;margin:0;padding:0;color:var(--text-color);background-color:var(--background-color);font-size:var(--font-size)}button{all:unset;color:var(--background-color);background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;padding:8px 16px;margin:4px}button:hover{background-color:var(--accent-color);filter:brightness(1.1)}input,select,textarea{all:unset;border:2px solid var(--text-color);border-radius:4px;padding:8px;margin:4px;color:var(--text-color)}:is(input,select,textarea):focus{border:2px solid var(--primary-color)}a{all:unset;cursor:pointer;color:var(--accent-color);width:fit-content}a:hover{filter:brightness(1.2)}#app{width:100%}dialog[data-v-85c82258]{background-color:var(--background-color);padding-top:3rem;top:50%;left:50%;transform:translate(-50%,-50%)}dialog[data-v-85c82258]::backdrop{background-color:#000c}dialog form[data-v-85c82258]{display:flex;flex-direction:column;gap:.2rem}form button[data-v-85c82258]{height:2.5rem;margin-top:2rem!important}label[data-v-85c82258]{color:var(--text-color)}form select[data-v-85c82258],form option[data-v-85c82258]{background-color:var(--v7893bd80);color:var(--surface-color)}.edit__dialog--close-btn[data-v-85c82258]{background:transparent;color:var(--text-color);max-height:fit-content;padding:.2rem .5rem;position:absolute;right:1rem;top:.3rem}.edit__dialog--close-btn[data-v-85c82258]:hover{background:var(--primary-color);color:var(--background-color)}.task__card[data-v-2948fb6f]{background:var(--v384793ce);color:#1d1d20;padding:.5rem;border-radius:1rem;overflow-wrap:anywhere;width:100%;align-self:center}.card__header[data-v-2948fb6f]{display:flex;justify-content:space-between;align-items:flex-start}.card__header h3[data-v-2948fb6f]{align-self:center}p[data-v-2948fb6f]{margin:.8rem .5rem!important}.card__edit[data-v-2948fb6f]{display:flex;gap:1rem}.card__edit--update[data-v-2948fb6f]{border:1px solid var(--accent-color);border-radius:10rem;background-color:color-mix(in srgb,gray 30%,transparent);padding:.3rem}.card__edit--update[data-v-2948fb6f]:hover{background-color:color-mix(in srgb,gray 90%,transparent)}.card__edit--delete[data-v-2948fb6f]{background:var(--background-color);color:red;border:1px solid var(--text-color);border-radius:10rem;padding:.4rem .6rem;font-weight:600}.card__edit--delete[data-v-2948fb6f]:hover{background:red;color:var(--background-color);border-color:red}.tasks__column[data-v-2822efbb]{display:flex;flex-direction:column}.task__row[data-v-2822efbb]{display:flex;justify-content:space-evenly}.tasks__container--column h2[data-v-2822efbb]{border-bottom:2px solid var(--primary-color);padding:.5rem}.column__header[data-v-2822efbb]{display:flex;justify-content:space-between;align-items:center}.column__header button[data-v-2822efbb]{background:var(--background-color);color:red;border:1px solid var(--text-color);border-radius:10rem;padding:.2rem .6rem;font-weight:600}.column__header button[data-v-2822efbb]:hover{background:red;color:var(--background-color);border-color:red}.column__update--btn[data-v-2822efbb]:before{content:"↘"}.column__update[data-v-2822efbb]{margin:0!important;padding:0;align-self:center;width:fit-content}.column__update--btn[data-v-2822efbb]{margin:0!important}.spinner[data-v-2822efbb]{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin-2822efbb 1s linear infinite;margin:10px auto}@keyframes spin-2822efbb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:48rem){.column__update--btn[data-v-2822efbb]:before{content:"→"}}.tasks__container[data-v-3b281558]{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:100%}.tasks__container--column[data-v-3b281558]{border:2px solid var(--primary-color);border-radius:.5rem}.tasks__container--column[data-v-3b281558] *{margin:.5rem}@media(min-width:48rem){.tasks__container[data-v-3b281558]{flex-direction:row}.tasks__container--column[data-v-3b281558]{flex:1}}@media(min-width:64rem){.tasks__container--column[data-v-3b281558]{max-width:35%}}h3[data-v-03216262]{margin:.5rem 0}.task__form[data-v-03216262]{margin-bottom:1rem}.task__form select[data-v-03216262],.task__form option[data-v-03216262]{background-color:var(--v1e7fce7b)}.dark .task__form option[data-v-03216262],.dark .task__form select[data-v-03216262]{color:var(--background-color)}form[data-v-ad77617f]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}form button[data-v-ad77617f]{padding:.5rem;text-align:center}dialog[data-v-c44995b5]{padding-top:3rem;background-color:var(--background-color)}dialog[data-v-c44995b5]::backdrop{background-color:#000c}.register__dialog--close-btn[data-v-c44995b5]{background:transparent;color:var(--text-color);max-height:fit-content;padding:.2rem .5rem;position:absolute;right:1rem;top:.3rem}.register__dialog--close-btn[data-v-c44995b5]:hover{background:var(--primary-color);color:var(--background-color)}.hero[data-v-4214cb23]{display:none}@media(min-width:48rem){.hero[data-v-4214cb23]{display:flex;justify-content:space-between;margin:6rem 1rem}.hero__body[data-v-4214cb23]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:2rem}.hero button[data-v-4214cb23]{height:40px;margin-top:1.5rem}.hero__image--wrapper[data-v-4214cb23]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30rem;height:30rem}.hero__image--wrapper img[data-v-4214cb23]{width:400px;height:fit-content;mix-blend-mode:multiply}.dark .hero__image--wrapper[data-v-4214cb23]{border-radius:4rem;background:var(--surface-color);padding:.5rem;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}.dark .hero__image--wrapper img[data-v-4214cb23]{mix-blend-mode:normal}}@media(min-width:64rem){.hero[data-v-4214cb23]{gap:1rem}.hero__body[data-v-4214cb23],.hero__image--wrapper[data-v-4214cb23]{flex:1}.hero__description[data-v-4214cb23]{margin:1.5rem 0}}@media(min-width:96rem){.hero__image--wrapper[data-v-4214cb23]{margin:0 6rem}.hero__description[data-v-4214cb23]{width:70%}}.login__form[data-v-d0a6f6ca]{display:flex;flex-direction:column;text-align:center;gap:.8rem}.login__label[data-v-d0a6f6ca]{margin:1rem 0 0}.login__form h3[data-v-d0a6f6ca]{margin-bottom:.5rem}@media(min-width:48rem){.login__form[data-v-d0a6f6ca]{flex-direction:row;margin:0}.login__label[data-v-d0a6f6ca]{display:none}.login__form input[data-v-d0a6f6ca]{max-width:10rem}}@media(min-width:80rem){.login__form input[data-v-d0a6f6ca]{max-width:16rem}}header[data-v-efb75420]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:fit-content;padding:1rem}header h1[data-v-efb75420]{max-width:300px;margin:0 1rem}.logo-container[data-v-efb75420]{display:flex;justify-content:center;align-items:center;height:6rem;width:10rem;background-color:#f0f0f0;border-radius:50%}.logo[data-v-efb75420]{font-family:Arial,sans-serif;font-size:2rem;font-weight:700;text-align:center;background:radial-gradient(circle at top left,#6a11cb,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent}.user__info[data-v-efb75420]{display:flex;flex-direction:column}.dark-mode-toggle[data-v-efb75420]{width:fit-content;align-self:center;margin-top:1rem;padding:.8rem}.user__account[data-v-efb75420]{display:flex;align-items:center;gap:4rem}.user__account h3[data-v-efb75420]{color:var(--accent-color);border:2px solid var(--accent-color);border-radius:.8rem;padding:.2rem .5rem}.user__account .log-out__btn[data-v-efb75420]{padding:.5rem 1rem}@media(min-width:48rem){header[data-v-efb75420]{flex-direction:row;justify-content:space-between;align-items:center;margin:0}header h1[data-v-efb75420]{margin-bottom:0}.user__info[data-v-efb75420]{flex-direction:row}.dark-mode-toggle[data-v-efb75420]{padding:.8rem;margin:0 1rem}}@media(min-width:64rem){header[data-v-efb75420]{margin:1rem}}.switch-container[data-v-c3a17ea4]{display:flex;gap:1rem;align-items:center}.switch-container span[data-v-c3a17ea4]{font-size:1.2rem;font-weight:700}.switch[data-v-c3a17ea4]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-c3a17ea4]{opacity:0;width:0;height:0}.slider[data-v-c3a17ea4]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider[data-v-c3a17ea4]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider[data-v-c3a17ea4]{background-color:var(--primary-color)}input:checked+.slider[data-v-c3a17ea4]:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}main[data-v-75f32f4b]{padding:0;margin:0}.tasks__body[data-v-75f32f4b]{margin:1rem}.tasks__input[data-v-75f32f4b]{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.register__form[data-v-75f32f4b]{display:flex;flex-direction:column;text-align:center;width:fit-content;margin:auto}.register__form hr[data-v-75f32f4b]{width:100%}@media(min-width:48rem){.register__form[data-v-75f32f4b]{display:none}.tasks__input[data-v-75f32f4b]{flex-direction:row;justify-content:space-between}}@media(min-width:64rem){main[data-v-75f32f4b]{margin:0 100px}}@media(min-width:96rem){main[data-v-75f32f4b]{width:80%;margin:0 auto}}.vl-shown{overflow:hidden}.vl-overlay{inset:0;position:absolute;align-items:center;display:none;justify-content:center;overflow:hidden;z-index:9999}.vl-overlay.vl-active{display:flex}.vl-overlay.vl-full-page{z-index:9999;position:fixed}.vl-overlay .vl-background{inset:0;position:absolute;background:#fff;opacity:.5}.vl-overlay .vl-icon,.vl-parent{position:relative}