.global-dialog-padding .mat-mdc-dialog-container,.global-dialog-padding .mdc-dialog__surface{padding:16px!important}.w-percent-10{width:10%}.w-percent-20{width:20%}.w-percent-25{width:25%}.w-percent-30{width:30%}.w-percent-40{width:40%}.w-percent-50{width:50%}.w-percent-100{width:100%}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pb-0{padding-bottom:0}.gap-0{gap:0px}.m-2{margin:2px}.mx-2{margin-left:2px;margin-right:2px}.my-2{margin-top:2px;margin-bottom:2px}.mt-2{margin-top:2px}.mr-2{margin-right:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.p-2{padding:2px}.pb-2{padding-bottom:2px}.gap-2{gap:2px}.m-4{margin:4px}.mx-4{margin-left:4px;margin-right:4px}.my-4{margin-top:4px;margin-bottom:4px}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.p-4{padding:4px}.pb-4{padding-bottom:4px}.gap-4{gap:4px}.m-8{margin:8px}.mx-8{margin-left:8px;margin-right:8px}.my-8{margin-top:8px;margin-bottom:8px}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.p-8{padding:8px}.pb-8{padding-bottom:8px}.gap-8{gap:8px}.m-10{margin:10px}.mx-10{margin-left:10px;margin-right:10px}.my-10{margin-top:10px;margin-bottom:10px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.p-10{padding:10px}.pb-10{padding-bottom:10px}.gap-10{gap:10px}.m-12{margin:12px}.mx-12{margin-left:12px;margin-right:12px}.my-12{margin-top:12px;margin-bottom:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.p-12{padding:12px}.pb-12{padding-bottom:12px}.gap-12{gap:12px}.m-16{margin:16px}.mx-16{margin-left:16px;margin-right:16px}.my-16{margin-top:16px;margin-bottom:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.p-16{padding:16px}.pb-16{padding-bottom:16px}.gap-16{gap:16px}.m-20{margin:20px}.mx-20{margin-left:20px;margin-right:20px}.my-20{margin-top:20px;margin-bottom:20px}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.p-20{padding:20px}.pb-20{padding-bottom:20px}.gap-20{gap:20px}.m-24{margin:24px}.mx-24{margin-left:24px;margin-right:24px}.my-24{margin-top:24px;margin-bottom:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.p-24{padding:24px}.pb-24{padding-bottom:24px}.gap-24{gap:24px}.m-32{margin:32px}.mx-32{margin-left:32px;margin-right:32px}.my-32{margin-top:32px;margin-bottom:32px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.p-32{padding:32px}.pb-32{padding-bottom:32px}.gap-32{gap:32px}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-justify-center{justify-content:center}.flex-justify-flex-start{justify-content:flex-start}.flex-justify-flex-end{justify-content:flex-end}.flex-justify-space-between{justify-content:space-between}.flex-justify-space-around{justify-content:space-around}.flex-justify-space-evenly{justify-content:space-evenly}.flex-items-center{align-items:center}.flex-items-flex-start{align-items:flex-start}.flex-items-flex-end{align-items:flex-end}.flex-items-baseline{align-items:baseline}.flex-items-stretch{align-items:stretch}.text-capitalize{text-transform:capitalize}.form-group{display:flex;flex-direction:column;gap:5px;width:100%;margin-bottom:10px}.form-group label{font-size:14px}.form-group input,.form-group textarea{padding:8px 12px;border-radius:8px;border:1px solid #ececec;background:transparent;outline:none;font-size:14px;color:#0b0b0b}.form-group select{padding:8px 12px;border-radius:8px;border:1px solid #ececec;background:transparent;outline:none;font-size:14px;color:#0b0b0b;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><polygon points='0,0 12,0 6,8' fill='%23222222'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:8px 4px}.form-group select:invalid{color:#666}.form-group small.error{font-size:10px;color:#ef4444;margin-left:14px}.form-group small.hint{font-size:10px;color:#666;margin-top:-5px}.form-action{display:flex;gap:10px;justify-content:flex-start;flex-direction:row-reverse}button.btn-primary{padding:8px 12px;border:1px solid #50A2FF;background:#fff;color:#50a2ff;border-radius:6px;cursor:pointer;font-size:14px;transition:background .15s ease}button.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}button.btn-primary:disabled{border-color:#999;color:#999;cursor:not-allowed}button.btn-danger{padding:8px 12px;border:1px solid #EF4444;background:#fff;color:#ef4444;border-radius:6px;cursor:pointer;font-size:14px;transition:background .15s ease}button.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}button.btn-danger:disabled{border-color:#999;color:#999;cursor:not-allowed}.status-loan{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;border:none}.status-loan.settled{background:#16a34a}.status-loan.on_going{background:#f59e0b}.status-transaction{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;border:none}.status-transaction.debit{background:#50a2ff}.status-transaction.credit{background:#dc2626}.status-transaction.loan_payment{background:#f59e0b}.status-transaction.saving{background:#16a34a}.status-expenses{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;border:none}.status-expenses.fixed{background:#50a2ff}.status-payment{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;border:none}.status-payment.paid{background:#16a34a}.status-payment.unpaid{background:#f59e0b}.status-payment.overdue{background:#dc2626}.snackbar{border-radius:12px;box-shadow:none;font-size:14px}.snackbar-success{background-color:#32d362;color:#fff}.snackbar-warning{background-color:#ecd363;color:#fff}.snackbar-danger{background-color:#ec6363;color:#fff}.snackbar-secondary{background-color:#c4c3c3;color:#575353}.mat-mdc-snack-bar-container,.mat-mdc-snackbar-surface,.mdc-snackbar__surface{border-radius:12px!important;box-shadow:none!important;font-family:Poppins,sans-serif!important}:host{display:block;font-family:Poppins,sans-serif;color:#111}h1,h2,h3,h4,h5,h6,p,span,div,a,button,input,textarea,select,label,table,th,td,ul,ol,li{font-family:Poppins,sans-serif!important}html,body{margin:0;font-family:Poppins,sans-serif;background-image:linear-gradient(to bottom right,#eff6ff,#ecfeff,#dbeafe);background-repeat:no-repeat;width:100vw}
