.transactions-page[data-v-6d5b7424]{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);padding:40px 20px}.page-header[data-v-6d5b7424]{margin-bottom:40px}.page-header h1[data-v-6d5b7424]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#0ff,#0c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 0 30px rgba(0,255,255,.3)}.page-header .subtitle[data-v-6d5b7424]{font-size:1rem;color:#7b9fb8;font-weight:300;letter-spacing:.5px}.controls-section[data-v-6d5b7424]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap;max-width:100%}.search-box[data-v-6d5b7424]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box i[data-v-6d5b7424]{position:absolute;left:15px;color:#0ff;font-size:1rem;opacity:.7}.search-input[data-v-6d5b7424]{width:100%;padding:12px 15px 12px 40px;background:rgba(15,52,96,.5);border:2px solid rgba(0,255,255,.3);border-radius:8px;color:#e0e0e0;font-size:.95rem;transition:all .3s ease}.search-input[data-v-6d5b7424]::-moz-placeholder{color:#7b9fb8}.search-input[data-v-6d5b7424]::placeholder{color:#7b9fb8}.search-input[data-v-6d5b7424]:focus{outline:none;border-color:#0ff;background:rgba(15,52,96,.7);box-shadow:0 0 15px rgba(0,255,255,.2)}.filter-section[data-v-6d5b7424]{display:flex;gap:12px;align-items:center}.status-filter[data-v-6d5b7424]{min-width:160px}.content-area[data-v-6d5b7424]{background:rgba(15,52,96,.25);border:1px solid rgba(0,255,255,.15);border-radius:14px;padding:0;backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,0,0,.2)}.empty-state[data-v-6d5b7424],.loading-state[data-v-6d5b7424]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:18px;padding:40px 20px}.empty-state i[data-v-6d5b7424],.loading-state i[data-v-6d5b7424]{font-size:64px;color:rgba(0,255,255,.3);opacity:.8}.empty-state h3[data-v-6d5b7424]{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.empty-state p[data-v-6d5b7424]{font-size:.95rem;color:#7b9fb8;margin:0}.table-wrapper[data-v-6d5b7424]{width:100%;overflow-x:auto}.transactions-wrapper[data-v-6d5b7424]{width:100%;padding:24px 20px}.transactions-grid[data-v-6d5b7424]{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:32px}.transaction-card[data-v-6d5b7424]{background:linear-gradient(135deg,#0d1f35,#0a2d47);border:1px solid rgba(0,255,255,.15);border-radius:11px;padding:14px 18px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.transaction-card[data-v-6d5b7424]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);opacity:0;transition:opacity .3s ease}.transaction-card[data-v-6d5b7424]:hover:before{opacity:1}.transaction-card[data-v-6d5b7424]:hover{border-color:rgba(0,255,255,.4);box-shadow:0 8px 24px rgba(0,255,255,.18),0 2px 8px rgba(0,0,0,.2);transform:translateY(-2px);background:linear-gradient(135deg,#0f2a47,#0d3a57)}.tx-icon[data-v-6d5b7424]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}.tx-credit[data-v-6d5b7424]{background:linear-gradient(135deg,#10b981,#059669)}.tx-debit[data-v-6d5b7424]{background:linear-gradient(135deg,#ef4444,#dc2626)}.tx-info[data-v-6d5b7424]{flex:1;min-width:120px}.tx-type[data-v-6d5b7424]{font-size:13px;font-weight:700;color:#fff;text-transform:capitalize;letter-spacing:.3px;margin:0}.tx-date[data-v-6d5b7424]{font-size:11px;color:#8b9fb8;font-weight:500;letter-spacing:.2px;margin-top:3px}.tx-details[data-v-6d5b7424]{display:flex;align-items:center;gap:10px;white-space:nowrap}.tx-amount[data-v-6d5b7424]{font-size:15px;font-weight:800;color:#22d3ee;letter-spacing:-.3px}.tx-amount.credit[data-v-6d5b7424]{color:#10b981}.tx-amount.debit[data-v-6d5b7424]{color:#ef4444}.actions-group[data-v-6d5b7424]{display:flex;align-items:center;justify-content:center;gap:8px}.pagination-section[data-v-6d5b7424]{margin-top:0;padding-top:20px;display:flex;justify-content:center;border-top:1px solid rgba(0,255,255,.1)}.table-responsive[data-v-6d5b7424]{border-radius:8px;overflow:hidden;background:rgba(15,52,96,.2);border:1px solid rgba(0,255,255,.15)}.transaction-details[data-v-6d5b7424]{padding:10px 0}.detail-row[data-v-6d5b7424]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,255,255,.1);gap:15px}.detail-row[data-v-6d5b7424]:last-child{border-bottom:none}.detail-label[data-v-6d5b7424]{font-weight:600;color:#13254c;min-width:140px;font-size:.95rem;letter-spacing:.3px}.detail-value[data-v-6d5b7424]{color:#13254c;word-break:break-word;flex:1;font-size:.95rem}.dialog-footer[data-v-6d5b7424]{display:flex;justify-content:flex-end}@media (max-width:1024px){.controls-section[data-v-6d5b7424]{flex-direction:column;align-items:stretch}.search-box[data-v-6d5b7424]{min-width:100%}.filter-section[data-v-6d5b7424]{justify-content:space-between;width:100%}.page-header h1[data-v-6d5b7424]{font-size:2rem}.transactions-grid[data-v-6d5b7424]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.transactions-page[data-v-6d5b7424]{padding:20px 10px}.page-header h1[data-v-6d5b7424]{font-size:1.5rem}.page-header .subtitle[data-v-6d5b7424]{font-size:.9rem}.content-area[data-v-6d5b7424]{padding:0;border-radius:8px}.filter-section[data-v-6d5b7424]{flex-direction:column;width:100%}.status-filter[data-v-6d5b7424]{width:100%}.transactions-grid[data-v-6d5b7424]{grid-template-columns:1fr}}@media (max-width:480px){.transactions-page[data-v-6d5b7424]{padding:15px 8px}.page-header h1[data-v-6d5b7424]{font-size:1.2rem}.content-area[data-v-6d5b7424]{padding:0}.controls-section[data-v-6d5b7424]{gap:10px}.search-input[data-v-6d5b7424]{padding:10px 12px 10px 35px;font-size:.9rem}.actions-group[data-v-6d5b7424]{gap:5px}.filter-section[data-v-6d5b7424]{flex-direction:column;width:100%}.transactions-grid[data-v-6d5b7424]{grid-template-columns:1fr;gap:10px}.transaction-card[data-v-6d5b7424]{padding:10px 12px;gap:12px}.tx-icon[data-v-6d5b7424]{width:36px;height:36px;font-size:.9rem}.tx-type[data-v-6d5b7424]{font-size:12px}.tx-date[data-v-6d5b7424]{font-size:10px}.tx-amount[data-v-6d5b7424]{font-size:14px}}.table-wrapper ::v-deep .el-table{background:transparent!important;border:none}.table-wrapper ::v-deep .el-table__header-wrapper{background:rgba(0,255,255,.05)!important;border-bottom:2px solid rgba(0,255,255,.2)!important}.table-wrapper ::v-deep .el-table__header th{background:transparent!important;color:#13254c!important;font-weight:700;border:none;padding:15px 10px;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.table-wrapper ::v-deep .el-table__body-wrapper{background:transparent!important}.table-wrapper ::v-deep .el-table__body tr{background:transparent!important;border-bottom:1px solid rgba(0,255,255,.1)}.table-wrapper ::v-deep .el-table__body tr:hover{background:rgba(0,255,255,.05)!important}.table-wrapper ::v-deep .el-table__body td{border:none;color:#e0e0e0;padding:12px 10px}.table-wrapper ::v-deep .el-tag{border-radius:4px;padding:4px 8px}.details-dialog ::v-deep .el-dialog__header{background:rgba(0,255,255,.05);border-bottom:2px solid rgba(0,255,255,.2)}.details-dialog ::v-deep .el-dialog__title{color:#0ff;font-weight:700}.details-dialog ::v-deep .el-dialog__body{color:#e0e0e0}.details-dialog ::v-deep .el-button{background:rgba(0,255,255,.2);border:1px solid rgba(0,255,255,.5);color:#0ff}.details-dialog ::v-deep .el-button:hover{background:rgba(0,255,255,.3);border-color:#0ff;color:#0ff}.content-area ::v-deep .el-pagination{display:flex;justify-content:center;gap:10px}.content-area ::v-deep .el-pagination .btn-next,.content-area ::v-deep .el-pagination .btn-prev{background:rgba(0,255,255,.2);border:1px solid rgba(0,255,255,.3);color:#0ff}.content-area ::v-deep .el-pagination button:hover{color:#0ff;background:rgba(0,255,255,.3)}.content-area ::v-deep .el-pagination .el-pager li.active{color:#0ff}.controls-section ::v-deep .el-button{border-radius:8px;font-weight:600;transition:all .3s ease;height:38px}.controls-section ::v-deep .el-button--primary{background:linear-gradient(135deg,#00d4ff,#00b8ff);border:none}.controls-section ::v-deep .el-button--primary:hover{box-shadow:0 4px 12px rgba(0,212,255,.3)}.status-filter ::v-deep .el-input__inner{background:rgba(15,52,96,.4);border-color:rgba(0,255,255,.25);color:#e0e0e0}.status-filter ::v-deep .el-input__inner:focus{border-color:rgba(0,255,255,.5);background:rgba(15,52,96,.5)}