@import"https://fonts.googleapis.com/css?family=Roboto:300";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;list-style:none;text-decoration:none;padding:0;margin:0}body{margin:0;display:flex;justify-content:center;min-height:100vh;padding-top:80px}.main-app[data-v-be9125ce]{width:100%}.top-nav-main[data-v-50803750]{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;z-index:110}.black-back[data-v-50803750]{background-color:#000000e6;bottom:0;z-index:110}.nav-icons[data-v-50803750]{background-color:#000;border-bottom:4px solid white;width:100%;height:60px;position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.nav-icons div[data-v-50803750]{display:flex;gap:20px}.nav-icons[data-v-50803750]{font-size:20px}.top-nav-main button[data-v-50803750]{text-align:right}.top-nav[data-v-50803750]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;transition:all .3s ease}.top-nav__container[data-v-50803750]{width:100%;display:flex;flex-direction:column;align-items:flex-start}.top-nav a[data-v-50803750]{width:100%;padding:20px;background-color:#ffffff1a;border-bottom:3px solid rgba(255,255,255,.7)}.fade-enter-active[data-v-50803750],.fade-leave-active[data-v-50803750]{transition:all 1s ease}.fade-enter-from[data-v-50803750],.fade-leave-to[data-v-50803750]{opacity:0}.dash__header[data-v-0363b8c1]{display:flex;width:300px;height:300px;flex-direction:column;align-items:center;gap:10px;border:5px solid white;padding:30px 20px;border-radius:50%;margin-top:15px}.header__details[data-v-0363b8c1]{display:flex;align-items:center;justify-content:space-between;gap:5px}.header__detail[data-v-0363b8c1]{display:flex;justify-content:center;align-items:center;border:4px solid white;width:120px;height:120px;border-radius:50%;gap:5px;font-weight:600}.header__detail[data-v-0363b8c1]:nth-child(1){color:#32cd32;border-color:#32cd32}.header__detail[data-v-0363b8c1]:nth-child(2){color:#eb0000;border-color:#df0000}.header__balance[data-v-0363b8c1]{font-size:40px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:5px}.header__balance span[data-v-0363b8c1]{font-size:12px;color:#ffffff80}.detail__amout[data-v-0363b8c1]{font-size:18px}.detail__icon[data-v-0363b8c1]{font-size:16px}.empty-warning[data-v-0363b8c1]{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:50px}.empty-warning p[data-v-0363b8c1]{font-size:18px;font-weight:600}.empty-warning button[data-v-0363b8c1]{background-color:#4caf50;padding:10px 15px;border-radius:20px;transition:all .3s ease}.empty-warning button[data-v-0363b8c1]:hover{background-color:#0080ff}.dash__last-trancs[data-v-0363b8c1]{text-align:center;margin-top:20px}.dash__last-trancs h2[data-v-0363b8c1]{font-size:20px;font-weight:600}.show-more-btn[data-v-0363b8c1]{text-align:right;font-size:12px;padding-right:5px;opacity:.6;cursor:pointer;transition:all .3s ease}.show-more-btn[data-v-0363b8c1]:hover{opacity:1}.deposit__chart[data-v-0363b8c1]{margin-top:10px;margin-bottom:-30px}.login-page{padding:8% 0 0;margin:auto}@media screen and (min-width: 1024px){.login-page{min-width:360px}}.form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center;box-shadow:0 0 20px #0003,0 5px 5px #0000003d;border-radius:2em}.form input{font-family:Roboto,sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 5px;padding:15px 20px;box-sizing:border-box;font-size:14px;color:#000;border-radius:2em}.form button{font-family:Roboto,sans-serif;text-transform:uppercase;outline:0;background:#4caf50;width:100%;border:0;padding:15px;color:#fff;font-size:14px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.form button:hover,.form button:active,.form button:focus{background:#43a047}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.form .message a{color:#4caf50;text-decoration:none}.form .register-form{display:none}.login-form{display:flex;flex-direction:column;gap:.6rem}.login-input{display:flex;flex-direction:column;align-items:flex-start}.error{font-size:12px;color:red;margin-bottom:10px}.submit-btn{margin-top:15px}.loading-backdrop{background-color:#00000080;position:fixed;inset:0;z-index:10}.loading-container{position:fixed;inset:0;z-index:11;display:flex;align-items:center;justify-content:center;font-size:30px}.main-filter[data-v-5ccf99d0]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;margin:60px 0;height:100%}.filter-container[data-v-5ccf99d0]{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;padding-bottom:130px}.filter-container h1[data-v-5ccf99d0],.filter-container h2[data-v-5ccf99d0]{border-bottom:2px solid white;width:100%;text-align:center;padding-bottom:10px}.filter-container h1[data-v-5ccf99d0]{font-size:24px;font-weight:700;border-bottom:4px solid white;margin-bottom:20px}.filter-container h2[data-v-5ccf99d0]{font-size:18px;font-weight:600}.type-main[data-v-5ccf99d0]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.categories-main[data-v-5ccf99d0]{display:flex;justify-content:space-between;align-items:center;gap:20px}.radio-group[data-v-5ccf99d0]{display:flex;gap:20px;justify-content:space-between}.radio[data-v-5ccf99d0]{display:flex;gap:5px;align-items:center}.category-group[data-v-5ccf99d0]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}.btn-group[data-v-5ccf99d0]{display:flex;width:100%;justify-content:space-around;align-items:center;position:absolute;bottom:130px;padding:20px}.filter-btn[data-v-5ccf99d0]{background-color:#fff;color:#000;width:50%;border-radius:6px;padding:6px}.close-btn[data-v-5ccf99d0]{width:50%}.add-form{display:flex;flex-direction:column;gap:20px}.tranc-container h1{text-align:center;font-size:20px;margin-bottom:20px;font-weight:700}.input-container{position:relative;width:100%}.styled_input_bar{width:100%;padding:1em;font-size:1em;border:.1em solid grey;border-radius:2em;background-color:transparent;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box}.styled_input_bar:focus{border-color:#fff}.styled_input_bar:focus::placeholder{color:transparent}.date-input-container{display:flex;flex-direction:column;align-items:center;gap:5px}.date-input{width:100%;padding:1em;font-size:1em;border:.1em solid grey;border-radius:2em}.date-input-label{font-size:1em;color:gray}.input-label{position:absolute;left:1em;top:50%;transform:translateY(-50%);font-size:1em;color:gray;pointer-events:none;transition:all .3s ease}.styled_input_bar:focus+.input-label,.styled_input_bar:not(:placeholder-shown)+.input-label{top:.1em;left:1em;font-size:.8em;color:#fff;background-color:#212121;padding:0 .5em}.styled_input_bar:not(:focus):not(:placeholder-shown)+.input-label{color:gray}.submit-btn{background-color:#43a047;border-radius:2em;padding:1em}.radio-group{display:flex;justify-content:space-between}.radio{display:flex;gap:5px;align-items:center}.goToBtn{position:fixed;left:20px;bottom:20px;color:#43a047;font-weight:600;z-index:101}.resetBtn{position:fixed;right:20px;bottom:20px;font-weight:600;z-index:101}.category{background-color:#fff;padding:1em;border-radius:2em;color:#000}.search-sec{display:flex;gap:10px}.filter-comp{position:fixed;top:0;left:0;right:0;background-color:#2f2f2f}.tranc-list{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:75px}.tranc-item{box-sizing:content-box;padding:15px 20px;display:flex;align-items:center;gap:5px;background-color:#3e3e3e;border-radius:6px;justify-content:space-between;flex-wrap:wrap}.trancTitle,.trancAmount{padding-right:10px;font-weight:600}.trancCategory,.trancDate{font-size:12px;opacity:70%}.footer-line{width:100%;height:60px;position:fixed;bottom:0;right:0;left:0;background-color:#000;border-top:4px solid white;z-index:100}