.chart-container-wrapper{max-width:100%}.header-div{align-items:center;display:flex;justify-content:space-between}.header-div .total-month-positive{color:#27ae60!important;font-weight:600}.header-div .total-month-negative{color:#e74c3c!important;font-weight:600}.listing-header{color:inherit;display:inline-block;font-size:17px;text-decoration:none}.listing-header:hover{color:#717171}.listing-header.no-hover:hover{color:#000}canvas{height:100%!important;width:100%!important}.charts-heading{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.subscription-list{list-style:none;padding:0}.subscription-item{border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:grid;font-size:16px;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:12px 0;padding:16px;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.subscription-item:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.subscription-item:active{box-shadow:0 3px 6px rgba(0,0,0,.1);transform:translateY(0)}.subscription-item span:first-child{text-align:left}.subscription-item span:nth-child(3){text-align:right}.user-avatar-container{display:inline-block;position:relative;text-align:right}.user-avatar{align-items:center;background-color:#132a13;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;margin:10px;transition:background-color .2s;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}@media(max-width:460px){.user-avatar{height:30px;width:30px}.subscription-item span:nth-child(2){display:none}.subscription-item{grid-template-columns:1fr 1fr}}.user-avatar.active,.user-avatar:hover{box-shadow:0 4px 12px rgba(0,0,0,.5);transform:translateY(-2px)}.user-menu{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:8px;padding:5px 10px;position:absolute;right:0;top:100%;z-index:100}.user-menu a{color:#333;font-size:.9rem;text-decoration:none}.user-menu a:hover{text-decoration:underline}.hidden{display:none}.new-subscription-container{border-bottom:1px solid #eee;display:flex;justify-content:center;margin:2rem 0;padding-bottom:1rem}.btn-add-subscription{background-color:#4f772d;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .1s ease}.btn-add-subscription:hover{background-color:#5f8c3e;transform:translateY(-1px)}.btn-add-subscription:active{transform:scale(.98)}.landing-container{color:#132a13;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px}.landing-header{align-items:center;display:flex;justify-content:center}.landing-logo{display:block;height:auto;max-width:600px;width:100%}.landing-hero{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.landing-hero .landing-headline{font-size:2rem;font-weight:700;margin-bottom:1rem}.landing-hero .landing-subtext{color:#31572c;font-size:1.25rem;margin-bottom:2rem}.landing-hero .landing-buttons{display:flex;gap:1rem}.landing-hero .landing-buttons .landing-btn{border-radius:9999px;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.landing-hero .landing-buttons .landing-btn.landing-btn-primary{background-color:#4f772d;color:#fff}.landing-hero .landing-buttons .landing-btn.landing-btn-primary:hover{background-color:#132a13}.landing-hero .landing-buttons .landing-btn.landing-btn-secondary{background-color:transparent;border:2px solid #4f772d;color:#4f772d}.landing-hero .landing-buttons .landing-btn.landing-btn-secondary:hover{background-color:#ecf39e}.landing-benefits{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.landing-benefits .landing-benefits-content{flex:1 1 50%}.landing-benefits .landing-benefits-content .landing-benefits-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.landing-benefits .landing-benefits-content .landing-benefits-lead{color:#31572c;font-size:1.125rem;margin-bottom:1rem}.landing-benefits .landing-benefits-content .landing-benefit{margin-bottom:1rem}.landing-benefits .landing-benefits-content .landing-benefit .landing-benefit-heading{font-size:1.25rem;font-weight:600;margin-bottom:-.5rem}.landing-benefits .landing-benefits-content .landing-benefit .landing-benefit-text{color:#4f772d;font-size:1rem}.landing-benefits .landing-benefits-preview{align-items:center;display:flex;flex:1 1 40%;justify-content:center}.landing-benefits .landing-benefits-preview .landing-benefits-image{border-radius:1rem;max-width:100%}@media(max-width:768px){.landing-benefits{flex-direction:column}.landing-benefits .landing-benefits-preview{order:2}.landing-benefits .landing-benefits-content{order:1;text-align:center}}.form-wrapper{border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.05);margin:3rem auto;max-width:420px;padding:2rem;position:relative}.form-wrapper .delete-button{color:#d33;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:93%;text-decoration:none;top:0;transition:color .2s ease}.form-wrapper .delete-button:hover{color:#a00}.form-wrapper .btn-back{cursor:pointer;font-weight:700;position:absolute;right:1.5rem;text-decoration:none;top:.5rem;transition:color .2s ease}.form-wrapper .btn-back:hover{color:#454545}.form-wrapper h1{margin-bottom:-1rem}.form-wrapper .btn{color:#000}.form-wrapper .form{padding:2rem}.form-wrapper .form>*{margin:1rem 0}.form-wrapper .form input,.form-wrapper .form input[type=checkbox],.form-wrapper .form input[type=date],.form-wrapper .form input[type=email],.form-wrapper .form input[type=number],.form-wrapper .form input[type=password],.form-wrapper .form input[type=text],.form-wrapper .form select,.form-wrapper .form textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:border .2s ease;width:90%}.form-wrapper .form select{width:100%}.form-wrapper .form input:focus,.form-wrapper .form input[type=checkbox]:focus,.form-wrapper .form input[type=date]:focus,.form-wrapper .form input[type=email]:focus,.form-wrapper .form input[type=number]:focus,.form-wrapper .form input[type=password]:focus,.form-wrapper .form input[type=text]:focus,.form-wrapper .form select:focus,.form-wrapper .form textarea:focus{background-color:#fff;border-color:#4f772d;outline:none}.form-wrapper .form label{align-self:flex-start;font-size:.95rem;font-weight:500;margin-left:5%}.form-wrapper .form .form-check,.form-wrapper .form .form-group,.form-wrapper .form .form-row{align-items:center;flex-direction:column;width:100%}.form-wrapper .form .form-check{flex-direction:row;gap:.5rem;justify-content:flex-start;margin-left:5%}.form-wrapper .form input[type=checkbox]{accent-color:#4f772d;height:18px;width:18px}.form-wrapper .form .btn{background-color:#90a955;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1rem;transition:background-color .2s ease;width:100%}.form-wrapper .form .btn-save,.form-wrapper .form .btn:hover{background-color:#4f772d}.form-wrapper .form .btn-save:hover{background-color:#132a13}.form-wrapper .form .save_category_btn{background-color:#4f772d}.form-wrapper .form .save_category_btn:hover{background-color:#132a13}.form-links{display:grid;grid-template-columns:1fr 1fr}.form-links a:nth-child(2){text-align:right}.form-info{display:flex;justify-content:space-between}.form-info a{color:#4f772d}.reset-pw-container{color:#132a13;font-family:Inter,sans-serif;margin-inline:auto;max-width:600px;padding:4rem 2rem}.reset-pw-box{background-color:#fff;border:1px solid #ecf39e;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:3rem 2rem;text-align:center}.reset-pw-heading{color:#31572c;font-size:2rem;font-weight:700;margin-bottom:1.25rem}.reset-pw-text{color:#4f772d;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.reset-pw-link{color:#4f772d;font-weight:600;text-decoration:underline;transition:color .2s ease}.reset-pw-link:hover{color:#132a13}.reset-pw-form{align-items:stretch;display:flex;flex-direction:column;gap:1.25rem}.reset-pw-form input{border:1px solid #ecf39e;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem}.reset-pw-form input:focus{border-color:#4f772d;box-shadow:0 0 0 2px rgba(144,169,85,.25);outline:none}.reset-pw-btn{background-color:#4f772d;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.reset-pw-btn:hover{background-color:#132a13}.reset-pw-alert{background-color:#ffe5e5;border:1px solid #f5c2c2;border-radius:.5rem;color:#a00;font-size:.95rem;margin-bottom:1.5rem;padding:.75rem 1rem}@media(max-width:600px){html{font-size:15px}}body{color:#222;display:flex;font-family:Poppins,sans-serif;justify-content:center;line-height:1.6;margin:0;padding:0}.page-wrapper{box-sizing:border-box;max-width:800px;padding:2rem;width:100%}a{color:inherit;cursor:pointer;font-weight:500;transition:color .2s ease}a,a:hover{text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:#f9f9f9!important;-webkit-box-shadow:inset 0 0 0 1000px #f9f9f9!important;-webkit-text-fill-color:#222!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}input[type=date],select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;color:#333;font-size:1rem;line-height:1.5;min-height:17px;padding:.75rem 1rem}