._login_oc31z_2{height:calc(100vh - 200px)}._header_oc31z_6{background-color:var(--gray700);padding:4.5rem 0;display:flex;justify-content:center;align-items:center;gap:.75rem}._header_oc31z_6 h1{font-size:2.5rem;color:var(--blue)}._header_oc31z_6 h1 span{color:var(--purple-dark)}._login_oc31z_2 main{width:100%;height:100%;max-width:46rem;margin:auto;padding:.5rem}._form_oc31z_38{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:auto}._form_oc31z_38 a{color:var(--purple)}._login_oc31z_2 input{background-color:var(--gray500);color:var(--gray100);width:100%;max-width:400px;padding:1rem;border-radius:8px;border:1px solid var(--gray700);font-size:1rem}._login_oc31z_2 input:focus{outline:1px solid var(--purple-dark)}._login_oc31z_2 button{width:100%;max-width:400px;background-color:var(--blue-dark);color:var(--gray100);padding:1rem;margin-top:1rem;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.225rem}._login_oc31z_2 button:hover{background:var(--blue)}._login_oc31z_2 button img{width:1rem}._register_i2lnp_2{height:calc(100vh - 200px)}._header_i2lnp_6{background-color:var(--gray700);padding:4.5rem 0;display:flex;justify-content:center;align-items:center;gap:.75rem}._header_i2lnp_6 h1{font-size:2.5rem;color:var(--blue)}._header_i2lnp_6 h1 span{color:var(--purple-dark)}._register_i2lnp_2 main{width:100%;height:100%;max-width:46rem;margin:auto;padding:.5rem}._form_i2lnp_38{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:auto}._register_i2lnp_2 input{background-color:var(--gray500);color:var(--gray100);width:100%;max-width:400px;padding:1rem;border-radius:8px;border:1px solid var(--gray700);font-size:1rem}._register_i2lnp_2 input:focus{outline:1px solid var(--purple-dark)}._register_i2lnp_2 button{width:100%;max-width:400px;background-color:var(--blue-dark);color:var(--gray100);padding:1rem;margin-top:1rem;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.225rem}._register_i2lnp_2 button:not(:disabled):hover{background:var(--blue)}._register_i2lnp_2 button:disabled{opacity:.6}._register_i2lnp_2 button img{width:1rem}._empty_l8bea_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1.5rem}._empty_l8bea_1 img{width:3.5rem}._empty_l8bea_1 p{font-size:1rem;font-weight:700;color:var(--gray300);text-align:center}._empty_l8bea_1 p span{display:block;font-weight:400}._task_1isny_1{width:100%;min-height:4.5rem;background-color:var(--gray500);display:flex;align-self:stretch;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid var(--gray400);box-shadow:0 2px 8px #0000000f}._task_1isny_1 input[type=checkbox]{position:relative;appearance:none;flex-shrink:0;width:1.2rem;height:1.2rem;border:.2rem solid var(--blue);border-radius:100%}._task_1isny_1 input[type=checkbox]:checked:before{content:"✔";font-size:1.2rem;color:#fff;position:absolute;top:50%;transform:translateY(-50%)}._task_1isny_1 input[type=checkbox]:hover{border-color:var(--blue-dark);background:#4ea7df33}._task_1isny_1 input[type=checkbox]:checked{background-color:var(--purple-dark);border-color:var(--purple-dark)}._task_1isny_1:has(:checked){opacity:.5}._task_1isny_1:has(:checked) p{text-decoration:line-through}._task_1isny_1 input[type=checkbox]:checked:hover{background-color:var(--purple);border-color:var(--purple)}._task_1isny_1 span{display:none}._task_1isny_1 p{width:100%;font-size:.875rem;color:var(--gray100)}._task_1isny_1 ._trash_1isny_74{width:1.5rem;height:1.5rem;color:var(--gray300);border-radius:4px;cursor:pointer}._task_1isny_1 ._trash_1isny_74:hover{background:var(--gray400);color:var(--danger)}._tasks_4iukj_1{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:4rem}._info_4iukj_10{width:100%;display:flex;justify-content:space-between;align-items:flex-end}._created_4iukj_18,._done_4iukj_19{width:max-content;display:flex;gap:8px;font-size:.875rem;font-weight:700}._created_4iukj_18{color:var(--blue)}._done_4iukj_19{color:var(--purple)}._info_4iukj_10 p{display:flex;align-items:center;gap:.5rem}._info_4iukj_10 p>span{display:flex;align-items:center;padding:.125rem .5rem;background-color:var(--gray400);color:var(--gray100);border-radius:1rem}._tasksList_4iukj_54{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch;border-top:1px solid var(--gray400);border-radius:8px}._header_19klj_2{position:relative;background-color:var(--gray700);padding:4.5rem 0;display:flex;justify-content:center;align-items:center;gap:.75rem}._header_19klj_2 button{position:absolute;top:10px;right:10px;padding:.2rem .8rem;border-radius:4px;color:var(--gray100);background-color:var(--purple-dark)}._header_19klj_2 h1{font-size:2.5rem;color:var(--blue)}._header_19klj_2 h1 span{color:var(--purple-dark)}._app_19klj_35 main{width:100%;max-width:46rem;margin:auto;padding:.5rem}._task_19klj_44{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;margin:-1.6875rem auto 0}._task_19klj_44 input{background-color:var(--gray500);color:var(--gray100);width:100%;padding:1rem;border-radius:8px;border:1px solid var(--gray700);font-size:1rem}._task_19klj_44 input:focus{outline:1px solid var(--purple-dark)}._task_19klj_44 button{background-color:var(--blue-dark);color:var(--gray100);padding:1rem;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.225rem}._task_19klj_44 button:hover{background:var(--blue)}._task_19klj_44 button img{width:1rem}@media screen and (width<=425px){._task_19klj_44{flex-direction:column}._task_19klj_44 button{width:50%}}*{margin:0;padding:0;box-sizing:border-box}:root{--gray100: #f2f2f2;--gray200: #d9d9d9;--gray300: #808080;--gray400: #333333;--gray500: #262626;--gray600: #1a1a1a;--gray700: #0d0d0d;--danger: #e25858;--purple: #8284fa;--purple-dark: #5e60ce;--blue: #4ea8de;--blue-dark: #1e6f9f}body{background-color:var(--gray600)}body,input,textarea,button{font-family:Inter,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,input[type=checkbox],input[type=radius]{cursor:pointer}