*{box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}:root{--background: #f7f7f7;--background-opacity: rgba(247, 247, 247, .5);--background-opacity-inv: rgba(0, 0, 0, .5);--card: #ffffff;--card-light: #e6e6e6;--calendar-current: rgb(206, 206, 206);--text: rgb(25, 28, 31);--text-light: #676767;--invert-text: #ffffff;--theme: #677cff;--red: #ff6767;--transparent-bg: rgba(0,0,0,.08);--color-scheme: light;--invert: 0;--active: rgb(46 200 114 / 32%);--inactive: rgb(244 61 107 / 46%);--inactive-dot: #c52049;--active-dot: #18894a;--neutral: rgb(138 138 138 / 32%);--neutral-dot: #5b5b5b;--dot-width: 8px;--transition: .4s ease;--padding: 16px;--gap: 12px;--card-width: 536px;--card-radius: 16px;--header-height: 64px;--bg-blur: 20px;--card-open: 220px}body.dark{--background: #000000;--background-opacity: rgba(0, 0, 0, .5);--background-opacity-inv: rgba(50, 50, 50, .5);--card: #161618;--card-light: #161618;--calendar-current: #262629;--text: #ffffff;--text-light: #8a8a8a;--theme: #677cff;--invert-text: #000000;--transparent-bg: rgba(255,255,255,.08);--color-scheme: dark;--invert: 1;--active-dot: #2ec872;--inactive-dot: #f43d6b;--neutral-dot: #b1b1b1}html:has(body.dark){--background: #000000}html,body,#root{width:100%;height:100%;padding:0;position:relative;margin:auto;overflow:hidden;transition:var(--transition);background:transparent}html{background-color:var(--background)}#root{min-width:370px}.hidden-input{display:none!important}button{border:none;outline:none}.main-page{position:relative;width:100%;height:100%;max-width:720px;margin:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:transparent}.main-page[data-drawer=true] .drawer{transform:translate(0)}.main-page[data-drawer=true] .screen-main{border-radius:16px;transform:scale(.9)}.screen-main{transition:.4s;height:100%;overflow:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;touch-action:pan-y}.title-separation{display:flex;align-items:center;justify-content:space-between;max-width:var(--card-width);margin:auto;color:var(--text)}.title-separation-title{font-size:18px;font-weight:500}.title-separation-price{font-size:14px;font-weight:500;color:var(--text-light)}.flex-line{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gap);margin:calc(var(--gap) / 2) 0}.over{opacity:.5}.card-holder{padding:0 var(--padding)}.input-unit{display:flex;align-items:center;width:100%;border:none;border-radius:12px;background-color:var(--card-light);gap:var(--gap);padding:0 16px}.input-container{position:relative}.input-placeholder{left:16px;top:3px;font-size:.625rem;color:var(--text-light)}.input-unit-unit{line-height:0;color:var(--text)}.input-flex-group{display:flex;flex-direction:row;align-items:center;height:22px}.bigNumber{background-color:transparent;gap:0;width:auto;margin:12px;color:var(--text)}.bigNumber .bigInput,.bigNumber .bigInput::placeholder,.bigNumber .input-unit-unit{background-color:transparent;font-size:1.625rem;font-weight:800}.bigNumber .input{padding:0;text-align:right;margin:0;color:var(--text)}.bigInputText,.bigInputText::placeholder{background-color:transparent;font-size:1.625rem;font-weight:800;outline:none;border:none}.bigInputText{color:var(--text)}.container-input{padding:12px 16px;border:none;border-radius:12px;background-color:var(--card-light);font-size:16px;outline:none;width:100%;display:flex;flex-wrap:wrap;flex-direction:column;min-width:130px;flex:1}.input-content{width:100%;border:none;background-color:var(--card-light);outline:none;padding:0;color:var(--text);color-scheme:var(--color-scheme)}.drawer{width:100%;height:100%;z-index:999;transition:.4s;padding:16px;overflow-y:scroll}.drawer-closer{display:flex;align-items:center;justify-content:center;background-color:var(--transparent-bg);border-radius:100px;aspect-ratio:1/1;width:52px;color:var(--text)}.form-drawer{display:flex;align-items:center;flex-direction:column;max-width:720px;margin:auto}.form-drawer h2{color:var(--text-light)}.file-upload-container{position:relative;width:86px;aspect-ratio:1/1;margin:20px}.file-input{display:none}.file-upload-label{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;border-radius:100px;background-color:var(--card-light);cursor:pointer;transition:all .3s ease}.file-upload-label:hover{background-color:#e0e0e0}.upload-placeholder{font-size:1rem;padding:0;color:#888;display:flex;justify-content:center;align-items:center}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.input{width:100%;padding:12px 16px;border:none;border-radius:12px;background-color:var(--card-light);font-size:16px;outline:none;margin:var(--gap) 0}.input::placeholder{color:#a0a0a0;font-weight:400}.center,.center::placeholder{text-align:center}.input.error{border-color:#f55;color:#f55}.input.error:focus{box-shadow:0 4px 6px #ff55551a}.select{border:none;border-radius:12px;background-color:var(--card-light);outline:none;height:22px;color:var(--text)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.select:focus{border-color:#4285f4}.select:hover{border-color:silver}.select:disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed;background-image:none}.select.error{border-color:#f55;color:#f55}.select.error:focus{box-shadow:0 4px 6px #ff55551a}.select option{background-color:#fff;color:#333;padding:10px}.select option:checked{background-color:#f0f0f0}.select option:hover{background-color:#e0e0e0}.select option[value=""][disabled]{display:none}.select option:first-child{color:#a0a0a0}input[type=number]{-webkit-appearance:textfield!important;appearance:textfield!important;-moz-appearance:textfield!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.drawer-button{margin:30px auto 0}.calendar{width:100%;background:var(--background);border-radius:var(--card-radius);padding:var(--padding);display:flex;flex-direction:column;gap:var(--gap);height:100%;transition:var(--transition);opacity:1;z-index:10}.show-calendar{height:100%;opacity:1;z-index:10}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;color:var(--text-light)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%}.calendar-day{padding:12px 4px;border:1px solid var(--card-light);background-color:var(--card-light);display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;cursor:pointer}.calendar-day-empty{opacity:.5}.calendar-day-current .day-number{background-color:var(--theme);aspect-ratio:1;width:16px;display:flex;align-items:center;justify-content:center;border-radius:100px;font-weight:600;color:#fff}.calendar-day-current{background-color:var(--calendar-current)}.calendar-day:hover{background:var(--card-light)}.day-number{font-size:9px;color:var(--text-light);position:absolute;top:4px;right:4px}.day-subscriptions{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-top:5px;height:100%}.subscription-item{width:fit-content;display:flex;align-items:center;justify-content:center;border-radius:50px;overflow:hidden;min-width:30%;flex:1}.subscription-icon{width:100%;max-width:28px;aspect-ratio:1;border-radius:40px;object-fit:cover}.subscription-count{width:20px;height:20px;aspect-ratio:1;border-radius:30px;background-color:var(--theme);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px}.subscription-price{color:var(--text);font-size:10px;margin-left:auto}.calendar-day:not(.calendar-day-empty):not(.no-sub):hover .day-payment{opacity:1}.day-payment{font-size:10px;color:var(--card);background-color:var(--text);font-weight:600;position:absolute;left:0;bottom:0;right:0;top:0;display:flex;align-items:center;justify-content:center;opacity:0}.day-subscriptions:has(:nth-child(2):last-child)>:nth-child(1){margin-right:-4px;box-shadow:0 0 0 1px var(--background)}.day-subscriptions:has(:nth-child(2):last-child)>:nth-child(2){margin-left:-4px;box-shadow:0 0 0 1px var(--background)}.day-subscriptions:has(:nth-child(3):last-child)>:nth-child(1){margin-right:-12px;box-shadow:0 0 0 1px var(--background)}.day-subscriptions:has(:nth-child(3):last-child)>:nth-child(2){box-shadow:0 0 0 1px var(--background)}.day-subscriptions:has(:nth-child(3):last-child)>:nth-child(3){margin-left:-12px;box-shadow:0 0 0 1px var(--background)}.drawer-trigger{padding:10px 16px;background:var(--background);color:var(--text);border-radius:6px;border:none;cursor:pointer}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background-opacity-inv);z-index:2147483646}.drawer-content{position:fixed;bottom:0;left:0;right:0;background-color:var(--background);border-top-left-radius:12px;border-top-right-radius:12px;max-height:85vh;display:flex;flex-direction:column;outline:none;z-index:2147483647}.drawer-handle{width:40px;height:4px;background:var(--text-light);border-radius:999px;margin:10px auto}.drawer-body{padding:var(--inner-padding);height:100%}.drawer-content[data-vaul-drawer-direction=left]:after{background-color:transparent!important;background:transparent!important}.drawer-content[data-vaul-drawer-direction=left]{--drawer-width: 400px;--initial-transform: calc(var(--drawer-width) + (var(--gap) * 2));position:fixed;width:var(--drawer-width);max-width:calc(100vw - (var(--inner-padding) * 2));max-height:100%;top:var(--inner-padding);bottom:var(--inner-padding);left:calc(var(--left-panel) + var(--gap));border-radius:var(--radius);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;display:flex;flex-direction:column;outline:none;z-index:2}.drawer-content[data-vaul-drawer-direction=right]:after{background-color:transparent!important;background:transparent!important}.drawer-content[data-vaul-drawer-direction=right]{--drawer-width: 400px;--initial-transform: calc(100% + (var(--inner-padding) * 2));position:fixed;width:var(--drawer-width);max-width:calc(100vw - (var(--inner-padding) * 2));max-height:100%;top:var(--inner-padding);bottom:var(--inner-padding);right:var(--inner-padding);left:auto;border-radius:var(--radius);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;display:flex;flex-direction:column;outline:none;z-index:2147483647}.drawer-content:after{display:none!important;content:none!important;pointer-events:none!important}.float{--initial-transform: calc(100% + 20px) ;max-width:600px;width:calc(100% - 40px);border-radius:calc(var(--card-radius) * 3);overflow:hidden;margin:auto;bottom:20px}.swipable-container{position:relative;width:100%;max-width:var(--card-width);overflow:hidden}.swipable-handler{position:relative;max-height:800px;transition:var(--transition);background-color:var(--card)}.swipable-container:nth-child(1){border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius)}.swipable-container:last-child{border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius)}.swipable-actions{z-index:0;position:absolute;width:98%;height:98%;display:flex;align-items:center;justify-content:space-between;transform:translate(-50%,-50%);left:50%;top:50%;border-radius:var(--card-radius);overflow:hidden}.swipable-actions div{opacity:1!important;flex:1;display:flex;align-items:center;height:100%;padding:12px;font-size:2rem;color:var(--invert-text)}.swipable-actions-left{justify-content:flex-start;background-color:var(--red)}.swipable-actions-right{justify-content:flex-end;background-color:var(--theme)}.deleted{max-height:0px;transition:var(--transition)!important}.cards-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:16px}.card{background-color:transparent;display:flex;flex-direction:row;align-items:center;max-width:var(--card-width);width:100%;position:relative;overflow:hidden}.card-main{background-color:var(--card);display:flex;flex-direction:row;align-items:center;max-width:var(--card-width);width:100%;height:44px;padding:16px;gap:12px;box-sizing:initial;cursor:pointer;color:var(--text);position:relative;transition:.4s;z-index:3}.card-icon-container{width:45px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative}.card-icon{border-radius:100%;background-color:#000;width:100%;height:100%;object-fit:cover}.card-icon-category{background-color:red;width:16px;height:16px;aspect-ratio:1/1;border-radius:100px;line-height:0;position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.card-content-container{display:flex;flex-direction:column}.card-title{font-size:16px;font-weight:500}.card-date{font-size:14px;font-weight:400;color:var(--text-light)}.card-price-container{margin-left:auto;display:flex;flex-direction:column;text-align:right}.card-price{font-weight:500;text-align:right}.card-price-cut{text-decoration:line-through;color:var(--text-light)}.card-info-container{background-color:var(--card);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;transition:.4s;max-height:fit-content;padding:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card-info-block{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:10px 0}.card-info-title{color:var(--text-light)}.card-info-value{color:var(--text)}.card-interraction{display:flex;align-items:center;justify-content:center;margin:15px 0;gap:20px}.active-card .card-main{margin-bottom:var(--card-open);box-shadow:1px 1px 8px #00000021}.active-card .card-info-container{transform:translateY(76px)}.selected-item{text-align:center}.controls-container{--highlight-width: auto;--highlight-x-pos: 0;display:flex;width:100%}.controls{display:inline-flex;justify-content:space-between;border-radius:1000px;padding:4px 12px;margin:auto;overflow-x:scroll;position:relative;gap:12px;z-index:20}.controls input{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%}.active:before{content:"";background-color:var(--transparent-bg);border-radius:1000px;width:100%;position:absolute;top:50%;left:0;height:33px;z-index:-10;transform:translateY(-50%);transition:transform .4s ease,width .4s ease}.inactive:before{content:"";background-color:var(--transparent-bg);border-radius:1000px;width:100%;position:absolute;top:50%;left:0;height:33px;z-index:-1;transform:translateY(-50%);transition:transform .4s ease,width .4s ease}.segment{position:relative;text-align:center;z-index:5;color:var(--text-light)}.segment label{cursor:pointer;display:block;font-weight:600;font-size:.875rem;padding:10px;transition:color .5s ease}.segment.active label{color:#fff}.controls:before{content:"";background:var(--theme);border-radius:1000px;width:var(--highlight-width);transform:translate(var(--highlight-x-pos));position:absolute;top:8px;bottom:8px;left:0;z-index:2}.controls.ready:before{transition:transform .4s ease,width .4s ease}.categories-container{display:flex;padding:0 var(--padding);min-height:70px;align-items:center}.category{background-color:var(--card-light);color:#555;padding:8px 16px;border-radius:100px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;height:32px}.category.active{background-color:var(--theme);color:#fff}.categories-empty{text-align:center;color:var(--text-light);width:100%}.header{width:100%;height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);color:var(--text);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--padding);position:sticky;top:0;z-index:200;transition:var(--transition)}.header-scroll{background:var(--background-opacity);-webkit-backdrop-filter:blur(var(--bg-blur));backdrop-filter:blur(var(--bg-blur))}.header-left{flex:1;height:100%;display:flex;align-items:center;justify-content:start}.header-center{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.header-right{flex:1;height:100%;display:flex;align-items:center;justify-content:end}.header-button{aspect-ratio:1 / 1;line-height:0;padding:6px;border-radius:15px;background-color:var(--transparent-bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.header-logo{width:130px}.dark .header-logo{filter:invert(var(--invert))}.Income_Container{width:100%;border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:var(--transition);padding:32px}.Income_Container h2{color:var(--text)}.Income_Input{background-color:transparent;gap:0;width:auto;margin:12px;color:var(--text);display:flex;align-items:center;justify-content:center}.Income_Input .bigInput,.Income_Input .bigInput::placeholder,.Income_Input .input-unit-unit{background-color:transparent;font-size:1.625rem;font-weight:800}.Income_Input .input{padding:0;text-align:right;margin:0;color:var(--text)}.mainPrice-container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;margin:20px auto}.mainPrice-subtitle{font-size:12px;color:var(--text-light);margin-bottom:-10px}.mainPrice-maintitle{font-weight:700;font-size:4rem;margin:0;color:var(--text)}.mainPrice-actions-container{margin:20px auto;width:100%;display:flex;justify-content:center;gap:32px}.mainPrice-total{color:var(--theme);font-weight:600}.mainPrice-remain{color:var(--active-dot);font-weight:600}.mainPrice-spent{color:var(--inactive-dot);font-weight:600}.mainPrice-posttitle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mainPrice-income,.mainPrice-debt,.mainPrice-available{font-weight:600;font-size:12px;padding:2px 8px;border-radius:10px}.mainPrice-debt{color:var(--inactive-dot);background-color:var(--inactive);flex:1;text-align:center}.mainPrice-income{color:var(--active-dot);background-color:var(--active);flex:1;text-align:center}.mainPrice-available{color:var(--neutral-dot);background-color:var(--neutral);flex:1;text-align:center}.action-button{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:90px;cursor:pointer}.action-button-circle{width:52px;height:52px;background-color:var(--transparent-bg);border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--text)}.action-button-text{margin-top:4px;font-size:.675rem;color:var(--text-light)}.button{background-color:var(--theme);border-radius:100px;padding:12px 34px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;border:none;outline:none;width:100%;border:3px solid var(--theme);cursor:pointer}.login-wrapper{display:flex;flex-direction:column;align-items:center;max-width:300px;width:100%;height:100%;margin:auto}.login-form{display:flex;align-items:center;flex-direction:column;width:100%}.login-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%}.login-input{border:none;background-color:var(--card);padding:16px 20px;border-radius:8px;width:100%;font-weight:600;font-size:1rem;color:var(--text)}.login-input:focus{border:none;outline:none}.login-action{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin:35px auto}.login-info{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;height:350px;color:var(--text)}.login-info h2{font-size:2rem;text-align:center;font-weight:600}.login-info p{font-size:1.4rem;text-align:center}.login-logo{filter:invert(var(--invert))}.forgot-password-btn{color:var(--text);font-size:.6rem;font-weight:300;cursor:pointer}.category-container h2{margin:0;font-size:1.2rem;color:var(--text)}.category-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.all-container{background-color:var(--card-light);display:flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:4px;font-size:.875rem;gap:6px;transition:var(--transition);cursor:pointer}.all-icon{width:16px;border-radius:100px}.inactive-subs{background-color:var(--inactive);color:var(--inactive-dot)}.active-subs{background-color:var(--active);color:var(--active-dot)}.pulse-circle{position:relative;height:var(--dot-width);width:var(--dot-width);border-radius:100px;margin:0 auto;background-color:var(--active-dot);z-index:2;transition:var(--transition)}.inactive-subs .pulse-circle{background-color:var(--inactive-dot)}.active-subs .pulse-circle:before{content:"";background-color:var(--active-dot);border-radius:50%;height:calc(var(--dot-width) * 2);width:calc(var(--dot-width) * 2);position:absolute;left:calc(-1 * calc(var(--dot-width) / 2));bottom:calc(-1 * calc(var(--dot-width) / 2));animation:pulsate 1.6s ease-out;animation-iteration-count:infinite;opacity:0}@keyframes pulsate{0%{transform:scale(0);opacity:0}50%{opacity:.4}to{transform:scale(1);opacity:0}}.loading-container{color:var(--text);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loader-image-container{width:50%;margin:auto}.loader-image{width:100%}.cls-1{fill:none;stroke:#00f;stroke-width:50px;stroke-dasharray:1000;stroke-dashoffset:0;animation:dash 5s linear forwards}@keyframes dash{to{stroke-dashoffset:1000}}.error{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:var(--text)}.reset-password-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:2rem;padding:1rem}.reset-password-info{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text)}.reset-password-logo{width:200px;height:auto;filter:invert(var(--invert))}.reset-password-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.reset-password-container{display:flex;flex-direction:column;gap:1rem}.reset-password-action{display:flex;justify-content:center;margin-top:1rem}.blob{position:absolute;width:100%;min-width:300px;height:300px;z-index:0;margin-top:var(--header-height);will-change:transform,filter;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#redBlob{filter:blur(40px);animation:MoveBlob 50s infinite alternate}#themeBlob{filter:blur(60px);animation:MoveBlob 20s linear infinite}@keyframes MoveBlob{0%{transform:rotate(0) scale(1.3)}50%{transform:rotate(360deg) scale(1.6)}to{transform:rotate(360deg) scale(1.3)}}@keyframes OpacityBlob{0%{opacity:0}to{opacity:1}}