.dashboard-layout{position:relative;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background-color:#0d203c;color:#fff;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease-in-out}.sidebar-header{padding:10px;text-align:center;border-bottom:1px solid #1a3a63;position:relative;display:flex;gap:10px}.logo{max-width:80px}.bank-name{display:flex;align-items:center;justify-content:center;flex-direction:column}#fedeal{font-size:33px}#bank{font-size:16px;margin-bottom:10px}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav a{padding:15px 20px;color:#a9b4c8;text-decoration:none;display:flex;align-items:center;gap:10px;border-left:3px solid transparent;transition:all .2s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:#1a3a63;color:#fff}.sidebar-nav a.active{border-left-color:#3e98d8}.sidebar-footer{padding:20px;margin-top:auto}.logout-button{background:transparent;color:#a9b4c8;border:1px solid #4a5f7b;width:100%;padding:10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:#1a3a63;color:#fff;border-color:#1a3a63}.main-content{margin-left:250px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease-in-out;background-color:#f4f7fa}.main-header{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;border-bottom:1px solid #e0e5ec}.header-left{display:none}.header-details-container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.user-details,.system-details{display:flex;align-items:center;flex-wrap:nowrap;gap:20px}.detail-item{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid #e9ecef}.detail-item:last-child{border-right:none;padding-right:0}.detail-label{font-size:12px;color:#6c757d;margin-bottom:2px;text-transform:uppercase}.detail-value{font-size:15px;font-weight:600;color:#343a40}.detail-value.user-name{color:#0056b3;text-transform:capitalize}.system-details .detail-item{flex-direction:row;align-items:center;gap:8px;border:none;padding:0}.support-item .detail-value{font-size:14px}.status-item{background-color:#eaf7f0;color:#155724;padding:6px 12px;border-radius:20px}.status-item svg{stroke:#155724}.status-text{font-size:14px;font-weight:600}.content-area{padding:30px;flex-grow:1}.main-footer{text-align:center;padding:20px;background:#fff;font-size:14px;color:#888;border-top:1px solid #e9ecef}.contact-info-box{background-color:#0d203c;display:flex;width:100%;align-items:center;justify-content:center;padding:10px}.contact-info-box span{margin-left:10px;color:#e9ecef}.top-box{width:100%;padding:15px 30px}.hamburger-menu,.close-sidebar-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#0d203c}.close-sidebar-btn{display:none;color:#fff;position:absolute;top:10px;right:15px}@media (max-width: 1200px){.user-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.user-details .detail-item{border-right:none;padding-right:0}}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:2px 0 10px #0003}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%}.main-header{padding:15px}.header-left,.close-sidebar-btn{display:block}.header-details-container{flex-direction:column;align-items:flex-start;gap:15px}.user-details,.system-details{flex-direction:column;align-items:flex-start;gap:10px}.user-details,.system-details .detail-item{width:100%}.content-area{padding:15px}}.spinner-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f0f2f500;z-index:2000}.spinner-container{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0b2a52;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{display:flex;height:100vh;overflow:hidden;flex-direction:column}.admin-sidebar{width:260px;background-color:#1a1a1a;color:#ccc;display:flex;flex-direction:column;width:100%;height:auto;flex-shrink:0}.admin-sidebar-header{padding:20px;text-align:center}.admin-logo-placeholder{background-color:#d3d3d3;color:#555;padding:20px 0;margin-bottom:10px;font-weight:700}.admin-company-name{font-size:14px;font-weight:500;color:#fff}.admin-nav{flex-grow:1;display:flex;flex-direction:column}@media (max-width: 768px){.admin-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}}.admin-nav a{padding:15px 25px;color:#ccc;text-decoration:none;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease}@media (max-width: 768px){.admin-nav a{border-left:none;border-bottom:4px solid transparent;justify-content:center;flex:1 1 120px}.admin-nav a.active{border-left-color:transparent;border-bottom-color:#fff}}.admin-nav a:hover{background-color:#2a2a2a;color:#fff}.admin-nav a.active{background-color:#007bff;color:#fff;border-left-color:#fff}.admin-nav .logout-link{margin-top:auto;border-top:1px solid #333}.admin-main-content{flex:1;background-color:#f4f7fa;display:flex;flex-direction:column;overflow-y:auto}.admin-header{padding:20px 40px;font-size:28px;font-weight:300;border-bottom:1px solid #e0e5ec;background-color:#fff}.admin-content-area{padding:40px;flex-grow:1}@media (min-width: 769px){.admin-layout{flex-direction:row}.admin-sidebar{width:260px;height:100vh}.admin-nav{flex-direction:column}.admin-nav a{border-bottom:none;border-left:4px solid transparent}.admin-nav a.active{border-bottom-color:transparent;border-left-color:#fff}}@media (max-width: 768px){.admin-header{padding:15px 20px;font-size:22px}.admin-content-area{padding:20px}}.stat-cards-container{display:flex;gap:30px;flex-wrap:wrap}.stat-card{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex:1;min-width:220px}.stat-card h4{margin:0 0 10px;font-size:14px;color:#6c757d;text-transform:uppercase}.stat-card p{margin:0;font-size:36px;font-weight:600;color:#343a40}.access-page{display:flex;justify-content:center;align-items:center;height:100vh;background-size:cover;background-position:center;position:relative;padding:15px}.access-page:before{content:"";position:absolute;inset:0;background:#00000080;z-index:1}.access-container{position:relative;z-index:2;background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 15px #0003;text-align:center;width:100%;max-width:450px}.access-container h2{margin-bottom:25px;color:#333}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888}.login-button{width:100%;padding:15px;border:none;background-color:#007bff;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.footer-text{margin-top:20px;font-size:14px;color:#e74c3c}.error-message{color:red;font-size:14px;margin-bottom:15px}@media (max-width: 480px){.access-container{padding:25px}.access-container h2{font-size:20px}}.auth-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;background-color:#f0f2f5;padding-bottom:0;padding-top:0}.header{width:100%;text-align:center;margin-bottom:20px}.footer{width:100%;text-align:center}.nav-bar2{margin-top:200px;background-color:#002d62;width:100%;font-size:15px;padding:5px;color:#f0f2f5}.nav-bar{background-color:#002d62;width:100%;font-size:15px;padding:5px;color:#f0f2f5;margin-bottom:20px}.nav-bar-imgs{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.nav-bar-imgs img{width:150px}.nav-bar-imgs span{font-size:20px;margin-bottom:6px}.auth-container{background:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:700px;text-align:center}.auth-header{font-size:16px;color:#555;margin-bottom:20px}.login-gov{font-weight:700;color:#c00;text-transform:uppercase}.header-icon-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.user-icon,.login-icon,.browser-icon{height:100px}.connector{color:#ccc;margin:0 10px;font-weight:700}.auth-intro{color:#333;margin-bottom:25px;line-height:1.5}.auth-toggle-buttons{display:flex;justify-content:center;margin-bottom:25px}.auth-toggle-buttons button{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:18px;color:#007bff;border-bottom:2px solid transparent}.auth-toggle-buttons button.active{border-bottom:2px solid #007bff;font-weight:700}.auth-form{text-align:left}.form-row{display:flex;gap:20px;width:100%}.input-field{margin-bottom:15px;width:100%}.input-field.half-width{width:50%}.input-field label{display:block;margin-bottom:5px;font-weight:500;color:#555}.input-field input,.input-field select{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px}.show-password{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px}.submit-btn{width:100%;padding:14px;border:none;background-color:#007bff;color:#fff;font-size:18px;border-radius:4px;cursor:pointer}.submit-btn.create-btn{background-color:#1a887a}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:20px;text-align:left}.auth-links a{color:#007bff;text-decoration:none;font-size:14px}.form-note{font-size:12px;color:#888;text-align:center;margin-top:15px}@media (max-width: 768px){.auth-container{padding:20px}.form-row{flex-direction:column;gap:0}.input-field.half-width{width:100%}.auth-toggle-buttons button{font-size:16px;padding:10px 15px}}.dashboard .page-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:500}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.card h4{margin:0 0 10px;color:#6c757d;font-size:16px}.card p{margin:0;font-size:28px;font-weight:700;color:#343a40}.transactions-tables{display:grid;grid-template-columns:1fr 1fr;gap:30px}.table-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.table-container h3{margin-top:0;margin-bottom:15px}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}th{background-color:#f8f9fa;color:#495057;font-weight:600}.txn-id{color:#e83e8c;font-family:monospace}.status.completed{background-color:#d1ecf1;color:#0c5460}.status.failed{background-color:#f8d7da;color:#721c24}.status{padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;text-transform:capitalize}.status.approved{background-color:#d4edda;color:#155724}.status.pending{background-color:#fff3cd;color:#856404}.no-data{color:#6c757d;text-align:center;padding:40px}@media (max-width: 992px){.transactions-tables{grid-template-columns:1fr}}@media (max-width: 768px){.stats-cards{grid-template-columns:1fr 1fr}.card p{font-size:22px}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}}.content-page{background:#fff;padding:25px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #dee2e6;padding-bottom:15px}.page-header h1{margin:0;font-size:24px}.action-button,.back-button{background-color:#1a3a63;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;white-space:nowrap}.back-button{background-color:#6c757d}.table-wrapper{margin-top:20px;overflow-x:auto}.table-wrapper table{min-width:800px}.table-search input{width:100%;max-width:300px;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:20px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}}.form-wrapper{background-color:#fff;padding:30px;border-radius:8px}.form-wrapper p{color:#6c757d;margin-bottom:25px}.form-grid,.form-grid-withdraw{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-grid-withdraw{grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1 / -1}.form-field label{margin-bottom:8px;font-weight:500;color:#495057}.form-field input,.form-field select{padding:12px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.form-actions{margin-top:30px;display:flex;gap:15px}.submit-form-btn,.cancel-btn{padding:12px 25px;border:none;border-radius:5px;font-size:16px;cursor:pointer}.submit-form-btn{background-color:#007bff;color:#fff}.cancel-btn{background-color:#f8f9fa;color:#343a40;border:1px solid #ced4da}@media (max-width: 768px){.form-grid,.form-grid-withdraw{grid-template-columns:1fr}.form-wrapper{padding:20px}.form-actions{flex-direction:column}.submit-form-btn,.cancel-btn{width:100%}}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;border:1px solid #dee2e6}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-size:14px;font-weight:500;color:#495057}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.filter-actions{display:flex;gap:10px;margin-left:auto}.reset-button{background-color:#f8f9fa;color:#343a40;border:1px solid #ced4da;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:16px}.reset-button:hover{background-color:#e2e6ea}.txn-remark{font-size:13px;color:#6c757d;margin-top:4px}.amount.credit{color:#28a745;font-weight:500}.amount.debit{color:#dc3545;font-weight:500}@media (max-width: 992px){.filter-bar{flex-direction:column;align-items:stretch}.filter-actions{margin-left:0;flex-direction:column}.filter-actions button{width:100%}}.transfer-nav{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:25px}.transfer-nav button{background:none;border:none;padding:15px 20px;font-size:16px;cursor:pointer;color:#007bff;border-bottom:3px solid transparent;margin-bottom:-1px}.transfer-nav button.active{border-bottom-color:#007bff;color:#495057;font-weight:500}.beneficiary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sub-tabs{display:flex;gap:5px;background-color:#e9ecef;border-radius:5px;padding:5px}.sub-tabs button{background:none;border:none;padding:8px 15px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.sub-tabs button.active{background-color:#fff;color:#007bff;box-shadow:0 1px 3px #0000001a}.add-beneficiary-form{padding:25px;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;position:relative;background-color:#f8f9fa}.add-beneficiary-form h3{margin-top:0;margin-bottom:20px}.add-beneficiary-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.add-beneficiary-form input,.add-beneficiary-form select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px}.close-form-btn{position:absolute;top:10px;right:10px;background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:16px;line-height:25px;text-align:center;cursor:pointer;font-weight:700}.submit-beneficiary-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.delete-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;font-size:12px;border-radius:4px;cursor:pointer}@media (max-width: 768px){.transfer-nav{overflow-x:auto;white-space:nowrap}.beneficiary-header{flex-direction:column;align-items:flex-start;gap:15px}}.support-layout{width:100%}.panel{background:#fff;border:1px solid #e0e5ec;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000000d}.create-ticket-form.panel{margin-bottom:30px}.panel-title{font-size:20px;font-weight:600;color:#343a40;margin-top:0;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.create-ticket-form .form-field{margin-bottom:20px}.create-ticket-form .form-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#495057}.create-ticket-form .form-field input,.create-ticket-form .form-field select,.create-ticket-form .form-field textarea{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.create-ticket-form .form-field input:focus,.create-ticket-form .form-field select:focus,.create-ticket-form .form-field textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 3px #007bff33}.create-ticket-btn{width:100%;max-width:250px;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s ease,transform .2s ease}.create-ticket-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.your-tickets .table-wrapper{margin-top:-15px}.your-tickets table{border-collapse:collapse;width:100%}.your-tickets th,.your-tickets td{padding:15px;text-align:left;border-bottom:1px solid #e9ecef}.your-tickets thead th{background-color:#f8f9fa;color:#6c757d;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.your-tickets tbody tr:last-child td{border-bottom:none}.your-tickets tbody tr:hover{background-color:#f8f9fa}.ticket-id{font-weight:600;color:#6c757d}.no-data-cell{text-align:center;padding:50px;color:#6c757d}.status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status.open{background-color:#007bff1a;color:#004085}.status.in-progress{background-color:#ffc10726;color:#856404}.status.resolved{background-color:#28a7451a;color:#155724}.your-tickets{margin-bottom:20px}.settings-nav{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:25px}.settings-nav button{background:none;border:none;padding:15px 25px;font-size:16px;cursor:pointer;color:#007bff;border-bottom:3px solid transparent;margin-bottom:-1px}.settings-nav button.active{border-bottom-color:#007bff;color:#495057;font-weight:500}.settings-content{background:#fff;padding:30px;border:1px solid #e9ecef;border-radius:8px}.profile-settings-layout{display:flex;gap:30px}.profile-sidebar{flex:1;max-width:300px;border-right:1px solid #e9ecef;padding-right:30px}.profile-pic-container{width:150px;height:150px;border-radius:50%;background-color:#e9ecef;display:flex;justify-content:center;align-items:center;margin:0 auto 30px;color:#6c757d;font-size:24px}.profile-info-list .info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f8f9fa}.info-label{font-weight:500;color:#495057}.info-value{color:#6c757d}.info-value.account-num{color:#e83e8c}.profile-form-container{flex:2}.profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-form .form-field,.password-form .form-field{display:flex;flex-direction:column;margin-bottom:20px}.form-field label{margin-bottom:8px;font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:10px;border:1px solid #ced4da;border-radius:4px}.form-field small{font-size:12px;color:#6c757d;margin-top:5px}.form-actions{display:flex;gap:10px;margin-top:10px}.cancel-button{background:#f8f9fa;border:1px solid #ced4da;padding:10px 20px;border-radius:4px;cursor:pointer}.password-form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:flex-end}.upload-form-container form{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.upload-controls{display:flex;align-items:center;gap:15px}.add-more-btn{border:1px solid #007bff;color:#007bff;background:none;padding:8px 15px;border-radius:4px;cursor:pointer}.doc-type{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.doc-type.my-upload{background-color:#d1ecf1;color:#0c5460}.doc-type.admin{background-color:#e2e3e5;color:#383d41}.download-btn{padding:5px 15px;font-size:14px}@media (max-width: 992px){.profile-settings-layout{flex-direction:column}.profile-sidebar{border-right:none;border-bottom:1px solid #e9ecef;padding-right:0;padding-bottom:20px;max-width:100%}.password-form{grid-template-columns:1fr}}@media (max-width: 768px){.settings-nav{overflow-x:auto;white-space:nowrap}.profile-form .form-row{grid-template-columns:1fr}}.profile-pic-container{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f0f2f5;border-bottom:1px solid #ddd}.profile-pic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 4px #0000001a}.photo-actions{margin-top:10px;display:flex;gap:10px}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.admin-page-header h2{margin:0;font-size:24px;font-weight:500}.admin-search-box{padding:8px 12px;border:1px solid #ccc;border-radius:4px;min-width:250px;width:100%}@media (min-width: 576px){.admin-search-box{width:auto}}.admin-table tbody tr.clickable-row{cursor:pointer}.admin-table tbody tr.clickable-row:hover{background-color:#f5f5f5}.admin-table-wrapper{background-color:#fff;border:1px solid #e0e5ec;border-radius:8px;overflow:hidden;overflow-x:auto}.denied{color:#721c24;background-color:#f8d7da}.admin-table{width:100%;border-collapse:collapse;min-width:800px}.admin-table th,.admin-table td{padding:10px;text-align:left;font-size:14px;border-bottom:1px solid #e0e5ec;white-space:nowrap}.admin-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.admin-table tr:last-child td{border-bottom:none}.admin-table td.no-data{text-align:center;padding:50px;color:#6c757d}.action-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:5px;color:#fff;background-color:#212529;transition:transform .2s;margin-bottom:5px}.action-btn:hover{transform:scale(1.05)}.action-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-view{background-color:#007bff}.btn-edit{background-color:#ffc107;color:#212529}.btn-case-id{background-color:#17a2b8}.btn-password{background-color:#6c757d}.btn-approve{background-color:#28a745}.btn-deny{background-color:#dc3545}.btn-upload{background-color:#007bff}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404}.status-approved,.status-verified,.status-active{background-color:#d4edda;color:#155724}.status-denied{color:#313131;background-color:#ff000060}.admin-filter-bar{padding:20px;display:flex;gap:15px;align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e5ec;flex-wrap:wrap}.admin-filter-bar select,.admin-filter-bar .action-btn{flex-grow:1;margin-bottom:5px}.admin-filter-bar select{padding:8px;border-radius:4px;border:1px solid #ccc}.admin-form-container{background-color:#fff;border:1px solid #e0e5ec;border-radius:8px;max-height:0;overflow:hidden;padding:0 30px;margin-bottom:0;opacity:0;transition:all .5s ease-in-out}.admin-form-container.open{max-height:800px;padding:30px;margin-bottom:30px;opacity:1}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}.input-with-button{display:flex;gap:10px}.input-with-button input{flex-grow:1}.input-with-button .action-btn{flex-shrink:0}.radio-group{display:flex;gap:20px;margin-top:10px}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400}.status-badge.status-inactive{background-color:#f8d7da;color:#721c24}.btn-delete,.btn-cancel{background-color:#6c757d}.btn-delete:hover,.btn-cancel:hover{background-color:#5a6268}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #e0e5ec;padding-bottom:10px}.modal-header h2{margin:0}.close-button{background:none;border:none;font-size:28px;font-weight:300;cursor:pointer;color:#6c757d}.modal-note{background-color:#f8f9fa;border:1px solid #e0e5ec;padding:15px;border-radius:4px;font-size:14px;margin-bottom:20px}.modal-actions{margin-top:20px;justify-content:flex-start}@media (max-width: 768px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-field{display:flex;flex-direction:column}.admin-form-field label{margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.admin-form-field small{font-size:12px;color:#6c757d;margin-top:4px}.admin-form-field input,.admin-form-field select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.full-width{grid-column:1 / -1}.admin-form-actions{margin-top:20px}.btn-submit-deposit{background-color:#28a745;color:#fff;padding:10px 25px;font-size:15px;border:none;border-radius:4px;cursor:pointer;width:100%}@media (min-width: 769px){.btn-submit-deposit{width:auto}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content h2{margin-top:0;margin-bottom:20px;font-size:24px;color:#495057}.modal-body{margin-bottom:20px}.modal-body p{margin:10px 0;font-size:14px;display:flex;flex-direction:column}.modal-body p strong{display:inline-block;width:auto;color:#495057;margin-bottom:4px}@media (min-width: 576px){.modal-body p{flex-direction:row}.modal-body p strong{width:120px;margin-bottom:0}}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.radio-btn-box{display:flex}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 10px #0003}.modal-content h2{margin-top:0;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group input[type=file],.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.modal-error{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:.75rem;border-radius:4px;margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px 35px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 5px 15px #0000004d}.modal-content h2{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;color:#888;line-height:1}.modal-details-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:.9rem}.detail-item{display:contents}.detail-key{font-weight:600;color:#555;text-align:right}.detail-value{word-break:break-all;background:#f7f7f7;padding:4px 8px;border-radius:4px;font-family:Courier New,Courier,monospace}.modal-spinner{text-align:center;padding:40px;font-size:1.2rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}*{box-sizing:border-box}