:root{--rgb-white: 255, 255, 255;--rgb-black: 0, 0, 0;--rgb-green: 102, 200, 115;--rgb-red: 245, 70, 93;--rgb-yellow: 255, 152, 0;--rgb-blue: 79, 79, 237;--rgb-text-primary: 68, 68, 68;--rgb-btn-text: 245, 245, 245;--rgb-ops-text: 51, 51, 51;--rgb-bg-primary: 243, 243, 243;--rgb-bg-green: 94, 197, 118;--rgb-btn-hover: 119, 119, 119;--rgb-input-focus: 204, 204, 204;--rgb-input-placeholder: 187, 187, 187;--rgb-balance-date: 136, 136, 136;--rgb-mov-text: 124, 119, 119;--rgb-mov-date: 102, 102, 102;--gradient-primary: linear-gradient( to top left, rgb(57, 179, 133), rgb(155, 225, 93) );--gradient-red: linear-gradient( to top left, rgb(229, 42, 90), rgb(255, 88, 95) );--gradient-yellow: linear-gradient( to top left, rgb(255, 176, 3), rgb(255, 203, 3) )}@media(prefers-color-scheme:dark){:root{--rgb-white: 210, 201, 201;--rgb-green: 80, 180, 95;--rgb-red: 230, 60, 80;--rgb-yellow: 255, 170, 40;--rgb-text-primary: 220, 220, 220;--rgb-btn-text: 30, 30, 30;--rgb-ops-text: 113, 105, 105;--rgb-bg-primary: 109, 107, 107;--rgb-bg-secondary: 45, 45, 45;--rgb-bg-green: 40, 120, 60;--rgb-btn-hover: 180, 180, 180;--rgb-input-focus: 100, 100, 100;--rgb-input-placeholder: 120, 120, 120;--rgb-balance-date: 170, 170, 170}}*{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box;color-scheme:dark light}body{font-family:Poppins,sans-serif;font-size:16px;color:rgb(var(--rgb-text-primary));background-color:rgb(var(--rgb-bg-primary));min-height:100vh;padding:2rem}a{text-decoration:none}button,input{border:none}nav{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:4rem;padding:2rem}.welcome{font-size:1.9rem;font-weight:500}.logo{height:5.25rem}.login{display:flex}.login__input{border:none;padding:.5rem 2rem;font-size:1.6rem;font-family:inherit;text-align:center;width:12rem;border-radius:10rem;margin-right:1rem;color:inherit;border:1px solid rgb(var(--rgb-white));transition:all .3s}.login__input:focus{outline:none;border:1px solid rgb(var(--rgb-input-focus))}.login__input::placeholder{color:rgb(var(--rgb-input-placeholder))}.login__btn{border:none;background:none;font-size:2.2rem;color:inherit;cursor:pointer;transition:all .3s}.login__btn:hover,.login__btn:focus,.btn--sort:hover,.btn--sort:focus{outline:none;color:rgb(var(--rgb-btn-hover))}.signup__btn{border:none;padding:.7rem 2rem;font-size:1.6rem;font-family:inherit;text-align:center;border-radius:10rem;background-color:rgb(var(--rgb-bg-green));color:rgb(var(--rgb-btn-text));cursor:pointer}.signup__btn:hover,.signup__btn:focus{background-image:var(--gradient-primary)}@media(min-width:1024px){nav{flex-direction:row;justify-content:space-between;gap:0}}.hidden{visibility:hidden;opacity:0}.app{position:relative;max-width:100rem;margin:2rem auto;display:flex;flex-direction:column;gap:2rem;opacity:0;pointer-events:none;transition:all 1s}.visible{opacity:1;pointer-events:auto}.balance{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem}.balance__label{font-size:2.2rem;font-weight:500;margin-bottom:-.2rem}.balance__date{font-size:1.4rem;color:rgb(var(--rgb-text-primary))}.balance__value{font-size:2rem;font-weight:400}.logout-timer{padding:0 .3rem;margin-top:1.9rem;text-align:right;font-size:1.25rem}.timer{font-weight:600}@media(min-width:768px){.app{padding-right:2rem;padding-left:2rem}.balance__value{font-size:3.5rem}}@media(min-width:1024px){.app{display:grid;grid-template-columns:4fr 3fr;grid-template-rows:auto repeat(3,15rem) auto;gap:2rem}.balance{grid-column:1 / span 2}.balance__value{font-size:4.5rem}}.movements{background-color:rgb(var(--rgb-white));border-radius:1rem;overflow:scroll;color:rgb(var(--rgb-mov-text))}.movements__row{padding:1rem;display:flex;align-items:center;border-bottom:1px solid rgb(var(--rgb-mov-text))}.movements__type{font-size:1.1rem;text-transform:uppercase;font-weight:500;color:rgb(var(--rgb-white));padding:.5rem 1rem;border-radius:10rem;margin-right:2rem}.movements__date{font-size:1.1rem;text-transform:uppercase;font-weight:500}.movements__type--deposit{background-image:var(--gradient-primary)}.movements__type--withdrawal{background-image:var(--gradient-red)}.movements__value{font-size:1.7rem;margin-left:auto}@media(min-width:768px){.movements__row{padding:2rem}}@media(min-width:1024px){.movements{grid-row:2 / span 3}.movements__row{padding:2.25rem 4rem}}.operation{border-radius:1rem;padding:3rem 4rem;color:rgb(var(--rgb-ops-text))}.operation--transfer{background-image:var(--gradient-yellow)}.operation--loan{background-image:var(--gradient-primary)}.operation--close{background-image:var(--gradient-red)}h2{margin-bottom:1.5rem;font-size:1.7rem;font-weight:600;color:var(--rgb-ops-text)}.form{display:grid;grid-template-columns:2.5fr 2.5fr 1fr;grid-template-rows:auto auto;gap:.4rem 1rem}.form.form--loan{grid-template-columns:2.5fr 1fr 2.5fr}.form__label--loan{grid-row:2}.form__input{width:100%;border:none;background-color:rgba(var(--rgb-white),.4);font-family:inherit;font-size:1.5rem;text-align:center;color:var(--rgb-ops-text);padding:.3rem 1rem;border-radius:.7rem;transition:all .3s}.form__input:focus{outline:none;background-color:rgba(var(--rgb-white),.6)}.form__label{font-size:1.3rem;text-align:center}.form__btn{border:none;border-radius:.7rem;font-size:1.8rem;background-color:rgb(var(--rgb-white));cursor:pointer;transition:all .3s}.form__btn:focus{outline:none;background-color:rgba(var(--rgb-white),.8)}.summary{display:flex;flex-direction:column;gap:12px;padding:0 .3rem;margin-top:1rem}.summary__label{font-size:1.2rem;font-weight:500;text-transform:uppercase;margin-right:.8rem}.summary__value{font-size:2.2rem;margin-right:2.5rem}.summary__value--in,.summary__value--interest{color:rgb(var(--rgb-green))}.summary__value--out{color:rgb(var(--rgb-red))}.btn--sort{margin-left:auto;background:none;font-size:2rem;font-weight:500;cursor:pointer}@media(min-width:768px){.summary{grid-row:5 / 6;flex-direction:row;align-items:baseline;gap:0}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--rgb-black),.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;transition:all .5s}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:50rem;background-color:rgb(var(--rgb-bg-primary));padding:5rem 6rem;box-shadow:0 4rem 6rem rgba(var(--rgb-black),.3);z-index:1000;transition:all .5s;border-radius:10px}.signup__form{display:flex;flex-direction:column;justify-content:space-around;gap:4px}.signup__form label{text-align:center}.signup__form label:not(:first-child){margin-top:4px}.signup__form input{padding:8px;border-radius:8px}.signup__form input:focus,.signup__form input:hover{outline:none;border:1px solid rgb(var(--rgb-bg-green))}.signup__form input:last-of-type{margin-bottom:24px}.toast__container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 36px;min-width:250px;border-radius:8px;color:rgb(var(--rgb-white));font-size:1.5rem;font-weight:500;box-shadow:0 4px 12px rgba(var(--rgb-black),.15);animation:slideIn .3s ease-out forwards;pointer-events:auto}.toast--success{background-color:rgb(var(--rgb-bg-green))}.toast--error{background-color:rgb(var(--rgb-red))}.toast--warning{background-color:rgb(var(--rgb-yellow))}.toast--info{background-color:rgb(var(--rgb-blue))}.toast--exit{animation:slideOut .3s ease-in forwards}.toast__close{background:none;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;opacity:.7;transition:opacity .2s}.toast__close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}