@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background-color:#fff;border-radius:10px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:80%}.modal-header{display:flex;justify-content:flex-end}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem}.nabung-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;gap:1rem;margin:2rem auto;max-width:400px;padding:1.5rem}.form-group,.nabung-form{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.7rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#888;outline:none}.submit-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.8rem}.submit-button:hover{background-color:#555}@media (max-width:600px){.nabung-form{padding:1rem}}.transaction-link{color:inherit;text-decoration:none}.App{background-color:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.App,.app-header{text-align:center}.app-header{background-color:#167e7f;box-shadow:0 2px 4px #0000001a;color:#fff;padding:15px 0;position:sticky;top:0;width:100%;z-index:1000}.app-logo-header{height:40px;margin:0}.app-content{flex-grow:1;overflow-y:auto;padding:15px}.home-screen{padding:0;text-align:center}.balance-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:20px}.balance-card h3{color:#555;font-size:16px;margin-top:0}.balance-amount{color:#167e7f;font-size:1.5rem;font-weight:700;margin:10px 0}.quick-actions{display:flex;justify-content:space-around;margin-bottom:20px}.action-button{align-items:center;background-color:#167e7f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:16px;justify-content:center;margin:0 5px;padding:12px 0;text-decoration:none;transition:background-color .3s ease}.action-button .action-icon{font-size:24px;margin-bottom:5px}.action-button span{font-size:14px}.action-button:hover{background-color:#105e5f}.transactions-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;padding:20px}.transactions-section h3{color:#555;font-size:18px;margin-bottom:15px;margin-top:0;text-align:left}.transaction-list{list-style:none;margin:0;padding:0}.transaction-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 0}.transaction-item:last-child{border-bottom:none}.transaction-details{text-align:left}.transaction-description{color:#333;display:block;font-weight:700}.transaction-date{color:#888;font-size:12px}.transaction-amount{font-size:16px;font-weight:700}.transaction-credit{color:#28a745}.transaction-debit{color:#dc3545}.app-tab-view{background-color:#fff;border-top:1px solid #e7e7e7;bottom:0;box-shadow:0 -2px 4px #0000001a;display:flex;justify-content:space-around;position:sticky;width:100%;z-index:1000}.tab-item{align-items:center;color:#6c757d;display:flex;flex-direction:column;flex-grow:1;font-size:12px;font-weight:700;padding:15px 0;text-align:center;text-decoration:none}.tab-icon{font-size:20px;margin-bottom:5px}.tab-item.active{border-bottom:none;color:#167e7f}.services-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:20px}.services-section h3{color:#555;font-size:18px;margin-bottom:15px;margin-top:0;text-align:left}.service-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.service-item{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#333;display:flex;flex-direction:column;font-size:14px;font-weight:700;padding:15px;text-decoration:none;transition:transform .2s ease-in-out}.service-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.service-icon{color:#167e7f;font-size:30px;margin-bottom:8px}.list-screen{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;padding:20px}.list-screen h2{color:#333;margin-bottom:20px;margin-top:0}.item-list{list-style:none;margin:0;padding:0}.item-list-item{background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:15px;text-align:left}.item-list-item h4{color:#167e7f;margin-bottom:5px;margin-top:0}.item-list-item p{color:#555;margin:0}.transaction-detail-screen{padding:20px;text-align:left}.transaction-detail-screen h2{color:#333;margin-bottom:20px;text-align:center}.detail-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:20px}.detail-card p{color:#555;margin-bottom:10px}.detail-card p strong{color:#333}.back-button{background-color:#6c757d;border:none;border-radius:8px;color:#fff;display:block;font-size:16px;margin:0 auto;padding:10px 20px;transition:background-color .3s ease;width:fit-content}.back-button:hover{background-color:#5a6268}.transaction-item-link{color:inherit;text-decoration:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(8px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@media (min-width:601px){.App-header{font-size:calc(10px + 2vmin)}.App-logo{height:40vmin}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.list-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden}.list-title{border-bottom:1px solid #eee;flex-shrink:0;padding:1rem}.transaction-list-wrapper{flex-grow:1;overflow-y:auto}.profile-screen{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:1.5rem}.profile-card{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.profile-header{margin-bottom:2rem}h3{font-size:1rem!important}.profile-picture{border:5px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.profile-name{color:#333;font-size:1.8rem;font-weight:600}.profile-email{color:#777;font-size:1rem;margin-top:-.5rem}.profile-details{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;padding:1.5rem;text-align:left}.profile-section h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.profile-section h3 .icon{font-size:1.5rem;margin-right:1rem}.detail-item{align-items:center;font-size:.8rem;margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-item .icon{color:#555;font-size:1.2rem;margin-right:1.5rem;text-align:center;width:25px}.detail-item p{color:#333;margin:0}@media (min-width:768px){.profile-details{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.profile-section{width:calc(50% - .75rem)}.profile-section:last-child{width:100%}}.payment-method-list{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.payment-method-list h3{color:#333;margin-bottom:1rem}.method-item{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;margin-bottom:.8rem;padding:1rem;transition:background-color .3s ease}.method-item:hover{background-color:#f0f0f0}.method-icon{color:#007bff;font-size:1.8rem;margin-right:1rem}.payment-details-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.payment-details-section h3{border-bottom:1px solid #eee;color:#333;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.detail-item{border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:#555;font-weight:700}.detail-item span:last-child{color:#333}.installment-section{background-color:#e7f7ef;border-color:#28a745}.total-payment{border-top:2px solid #28a745;color:#28a745;font-size:1.1rem;font-weight:700;margin-top:1rem;padding-top:1rem}.confirm-payment-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1.5rem;padding:12px 20px;transition:background-color .3s ease;width:100%}.confirm-payment-button:hover{background-color:#0056b3}.account-list{width:100%}.account-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;cursor:pointer;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.account-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.account-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.account-item-header h3{color:#333;font-size:1.2rem;margin:0}.status{border-radius:15px;font-size:.9rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.status-active{background-color:#e7f7ef;color:#28a745}.status-inactive{background-color:#fbe9e7;color:#d32f2f}.status-pending{background-color:#fff3e0;color:#f57c00}.account-item-body p{color:#555;margin:.5rem 0;text-align:left}.account-item-body strong{color:#333}.account-item-details{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:left}.account-item-details p{color:#555;margin:.5rem 0}.bayar-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:10px 15px;width:100%}.bayar-button:hover{background-color:#0056b3}.nabung-fab{align-items:center;background-color:#4caf50;border:none;border-radius:15px;bottom:80px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:10px;padding:10px 20px;position:fixed;right:20px;z-index:1000}.nabung-fab:hover{background-color:#45a049}.marketplace-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e6e6e6;border-radius:50%;border-top-color:#167e7f;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{text-align:center}.loading-text h2{margin:0 0 4px}.loading-text p{color:#555;margin:0}.notification-badge{animation:fadeInOut 2.5s forwards;background-color:#28a745;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;font-weight:700;opacity:0;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.transaction-detail-screen{align-items:center;background:#f0f4f8;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center}.ticket-card{background:#fff;border-radius:20px;box-shadow:0 15px 35px #00000014;margin:0;max-width:420px;width:100%}.ticket-header{background:linear-gradient(45deg,#167e7f,#105e5f);border-radius:20px 20px 0 0;color:#fff;padding:2rem;position:relative;text-align:center}.ticket-header .icon{font-size:2.5rem;margin-bottom:.5rem}.ticket-header h2{color:#f0f4f8;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.ticket-body{padding:2rem 2.5rem}.detail-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.5rem;text-align:left}.detail-row:last-child{margin-bottom:0}.detail-group{display:flex;flex-direction:column}.detail-label{color:#6c757d;font-size:.9rem;margin-bottom:.3rem}.detail-value{color:#212529;font-size:1.1rem;font-weight:600}.transaction-amount-lg{font-size:2.5rem;font-weight:700;margin:.5rem 0 2.5rem;text-align:center}.transaction-credit{color:#20c997}.transaction-debit{color:#fa5252}.ticket-footer{align-items:center;display:flex;justify-content:center;padding:2rem;position:relative;text-align:center}.ticket-footer:before{background-image:linear-gradient(90deg,#ced4da 50%,#0000 0);background-repeat:repeat-x;background-size:10px 2px;content:"";height:2px;left:2.5rem;position:absolute;right:2.5rem;top:0}.barcode{background-image:repeating-linear-gradient(90deg,#343a40,#343a40 3px,#0000 0,#0000 7px);height:60px;width:80%}.back-button{background-color:initial;border:2px solid #ced4da;border-radius:50px;color:#6c757d;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-top:2rem;padding:.7rem 2rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background-color:#167e7f;border-color:#167e7f;color:#fff}
/*# sourceMappingURL=main.f3c6072e.css.map*/