.view-account .tx-green{color:#4caf50}.view-account .tx-orange{color:#ff9800}.view-account .tx-primary{color:#2196f3}.view-account .tx-red{color:#f44336}.view-account .account-box{position:relative;border-radius:12px;border:1px solid #eee;background:#fff;margin:16px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.view-account .account-box:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#1db584}.view-account .account-box:hover .invoice-icon{color:#e91e63;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-account .account-box:hover .detail-icon{color:#ff9800;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-account .account-box:hover .accent-bar{width:100%}.view-account .account-box .account-header{padding:24px 24px 0 24px;margin-bottom:16px}.view-account .account-box .account-header,.view-account .account-box .account-header .account-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-account .account-box .account-header .account-type{gap:10px}.view-account .account-box .account-header .account-type .invoice-icon{font-size:20px;color:#1db584;-webkit-transition:all .3s ease;transition:all .3s ease}.view-account .account-box .account-header .account-type .type-text{font-size:18px;font-weight:700;color:#212121;letter-spacing:.5px}.view-account .account-box .account-content{padding:0 24px 24px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.view-account .account-box .account-info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:24px}.view-account .account-box .account-info .ref-section{margin-bottom:20px}.view-account .account-box .account-info .ref-section .ref-number{font-size:16px;font-weight:700;color:#2196f3;background:rgba(33,150,243,.1);padding:8px 12px;border-radius:6px;display:inline-block}.view-account .account-box .account-info .account-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.view-account .account-box .account-info .account-details .detail-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.view-account .account-box .account-info .account-details .detail-item .detail-icon{font-size:14px;color:#ff9800;width:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.view-account .account-box .account-info .account-details .detail-item .detail-label{font-size:14px;color:#757575;font-weight:500;min-width:80px}.view-account .account-box .account-info .account-details .detail-item .detail-value{font-size:14px;color:#212121;font-weight:600}.view-account .account-box .account-info .account-details .detail-item .detail-value.balance-amount{color:#2196f3}.view-account .account-box .action-section{text-align:right;min-width:200px}.view-account .account-box .action-section .action-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:12px 24px;background:#4caf50;color:#fff;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:600;-webkit-box-shadow:0 2px 8px rgba(76,175,80,.3);box-shadow:0 2px 8px rgba(76,175,80,.3)}.view-account .account-box .action-section .action-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(76,175,80,.4);box-shadow:0 6px 20px rgba(76,175,80,.4);background:#449d48}.view-account .account-box .action-section .action-button .btn-icon,.view-account .account-box .action-section .action-button .btn-text{font-size:14px}.view-account .account-box .action-section .action-button .lds-ring{display:inline-block;margin-left:8px}.view-account .account-box .accent-bar{position:absolute;bottom:0;left:0;height:4px;width:60px;background:#1db584;-webkit-transition:all .4s ease;transition:all .4s ease}.view-account .transactions-card{border-radius:12px;border:1px solid #eee;background:#fff;margin:20px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.view-account .transactions-card .card-header{padding:20px 24px;background:#fafafa;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.view-account .transactions-card .card-header i{color:#2196f3;font-size:16px}.view-account .transactions-card .card-header span{font-size:16px;font-weight:600;color:#212121}.view-account .transactions-card .transactions-table{padding:16px 24px}.view-account .content .steps .forms .h4{font-weight:600;font-size:13px;text-transform:uppercase;color:#2196f3;margin:5px 0 0 0}.view-account .content .steps .forms .txt-account{font-size:14px;margin:10px 0}.view-account .content .steps .forms .page-box .card{border-radius:12px;border:1px solid #eee;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.view-account .content .steps .forms .page-box .scroll-content .select-card{cursor:pointer;border-radius:8px;margin:8px 0;padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.view-account .content .steps .forms .page-box .scroll-content .select-card.selected{background-color:hsla(0,0%,86.3%,.3)}.view-account .content .steps .forms .page-box .scroll-content .select-card .image{max-width:90px;max-height:90px;width:auto;height:auto;margin:5px 15px 0 0}.view-account .content .steps .forms .page-box .scroll-content .select-card .amount{font-weight:600;font-size:14px;color:#212121}.view-account .content .steps .forms .page-box .scroll-content .select-card .name{font-size:12px;font-weight:600;color:#757575}.view-account .content .steps .button-actions{margin:20px 0}.view-account .content .steps .button-actions .action-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:12px 24px;background:#4caf50;color:#fff;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:600;-webkit-box-shadow:0 2px 8px rgba(76,175,80,.3);box-shadow:0 2px 8px rgba(76,175,80,.3)}.view-account .content .steps .button-actions .action-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(76,175,80,.4);box-shadow:0 6px 20px rgba(76,175,80,.4);background:#449d48}.view-account .content .steps .button-actions .action-button[disabled]{background:#bdbdbd;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.view-account .content .steps .button-actions .action-button .btn-text{font-size:14px}.view-account .content .steps .button-actions .action-button .lds-ring{display:inline-block;margin-left:8px}.view-account .content .steps .confirm-forms{border-radius:12px;border:1px solid #eee;background:#fff;padding:16px 24px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.view-account .content .steps .confirm-forms .info-text{font-weight:600;font-size:13px;color:#212121}.view-account .content .steps .confirm-forms .info-text i{color:#2196f3;margin-right:8px}@media (max-width:768px){.view-account .account-box .account-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.view-account .account-box .account-content .account-info{margin-right:0}.view-account .account-box .account-content .action-section{text-align:left;min-width:auto}.view-account .transactions-card .transactions-table{padding:12px 16px}.view-account .content .steps .button-actions .action-button{padding:10px 16px}}.view-account ::-webkit-scrollbar{width:8px}.view-account ::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.view-account ::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.view-account ::-webkit-scrollbar-thumb:hover{background:#757575}