body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;width:100%}.login-title{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.login-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin-bottom:30px;text-align:center}.login-form{margin-bottom:20px}.login-form .form-control{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;display:block;font-size:16px;padding:12px;width:100%}.login-form .form-control:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.login-form input[type=password]{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;display:block;font-size:16px;padding:12px;width:100%}.btn-block{margin-top:20px;width:100%}.login-info{background-color:#f8f9fa;border-radius:5px;margin-top:20px;padding:15px;text-align:center}.login-info p{color:#666;font-size:14px;margin:5px 0}@media (max-width:768px){.login-container{align-items:flex-start;padding:60px 16px 20px}.login-box{border-radius:12px;max-width:100%;padding:30px 24px}.login-title{font-size:1.6rem;margin-bottom:8px}.login-subtitle{font-size:.95rem;margin-bottom:24px}.login-info{padding:12px}.login-info p{font-size:12px}}@media (max-width:480px){.login-container{padding:40px 12px 15px}.login-box{padding:25px 20px}.login-title{font-size:1.4rem}.login-subtitle{font-size:.9rem}}.shared-navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.shared-navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.shared-navbar-brand{color:#fff;font-size:1.3rem;font-weight:600;margin:0;white-space:nowrap}.shared-navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.shared-navbar-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s ease}.shared-navbar-actions .btn-secondary{background-color:#34495e;color:#fff}.shared-navbar-actions .btn-secondary:hover{background-color:#4a6278}.shared-navbar-actions .btn-primary{background-color:#3498db;color:#fff}.shared-navbar-actions .btn-primary:hover{background-color:#2980b9}.shared-navbar-actions .btn-danger{background-color:#e74c3c;color:#fff}.shared-navbar-actions .btn-danger:hover{background-color:#c0392b}.shared-navbar-user{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;gap:8px}.shared-navbar-user strong{color:#fff}.shared-navbar-role-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:3px 10px}@media (max-width:992px){.shared-navbar{padding:.6rem 0}.shared-navbar-content{padding:0 12px}.shared-navbar-brand{font-size:1.1rem}.shared-navbar-actions{gap:6px}.shared-navbar-actions .btn{font-size:.8rem;padding:6px 10px}}@media (max-width:768px){.shared-navbar{padding:.5rem 0}.shared-navbar-content{flex-wrap:wrap;gap:8px;padding:.5rem .75rem}.shared-navbar-brand{font-size:1rem}.shared-navbar-actions{gap:5px;justify-content:flex-end;width:100%}.shared-navbar-actions .btn{font-size:.75rem;padding:5px 8px}.shared-navbar-user{display:none;font-size:.8rem}}@media (max-width:480px){.shared-navbar-content{padding:.4rem .5rem}.shared-navbar-brand{font-size:.9rem}.shared-navbar-actions .btn{font-size:.7rem;padding:4px 6px}}image.pngon .toast-container{position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#363636;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:12px;margin-bottom:10px;max-width:400px;min-width:300px;padding:16px}.toast-success{border-left:4px solid #4ade80}.toast-error{border-left:4px solid #ef4444}.toast-loading{border-left:4px solid #3b82f6}.toast-info{border-left:4px solid #06b6d4}.toast-icon{flex-shrink:0;font-size:20px}.toast-content{flex:1 1}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{font-size:14px;opacity:.9}.toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:none;min-width:auto}}.create-pr-modal{max-width:500px}.create-pr-modal .form-group{margin-bottom:20px}.create-pr-modal .form-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.create-pr-modal .required{color:#dc3545;margin-left:2px}.create-pr-modal .form-control{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.create-pr-modal .form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.create-pr-modal .form-control.error{border-color:#dc3545}.create-pr-modal .form-control:disabled{background-color:#e9ecef;cursor:not-allowed}.create-pr-modal .form-text{color:#6c757d;display:block;font-size:.875rem;margin-top:5px}.create-pr-modal .error-message{color:#dc3545;display:block;font-size:.875rem;margin-top:5px}.create-pr-modal .loading-message{color:#666;font-size:1rem;padding:40px 20px;text-align:center}.create-pr-modal .alert{border-radius:5px;margin-bottom:20px;padding:12px 16px}.create-pr-modal .alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.create-pr-modal .form-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.create-pr-modal .btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.create-pr-modal .btn:disabled{cursor:not-allowed;opacity:.6}.create-pr-modal .btn-success{background-color:#28a745;color:#fff}.create-pr-modal .btn-success:hover:not(:disabled){background-color:#218838}.create-pr-modal .btn-secondary{background-color:#6c757d;color:#fff}.create-pr-modal .btn-secondary:hover:not(:disabled){background-color:#5a6268}.create-pr-modal .account-buttons-grid{display:flex;flex-direction:column;gap:8px}.create-pr-modal .account-btn{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 12px;text-align:left;transition:all .15s ease}.create-pr-modal .account-btn:hover:not(:disabled){background:#f0f7ff;border-color:#007bff}.create-pr-modal .account-btn.selected{background:#e7f1ff;border-color:#007bff;box-shadow:0 0 0 1px #007bff}.create-pr-modal .account-btn:disabled{cursor:not-allowed;opacity:.6}.create-pr-modal .account-btn .account-bank{color:#333;font-weight:600;min-width:60px}.create-pr-modal .account-btn .account-name{color:#555;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-pr-modal .account-btn .account-balance{color:#28a745;font-weight:600;white-space:nowrap}@media (max-width:768px){.create-pr-modal{margin:10px;max-width:95%}.create-pr-modal .form-actions{flex-direction:column}.create-pr-modal .btn{width:100%}}.upload-receipt-modal{max-width:600px;width:90%}.upload-receipt-modal .task-info-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.upload-receipt-modal .task-info-section h4{color:#495057;font-size:1rem;margin:0 0 1rem}.upload-receipt-modal .info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.upload-receipt-modal .info-item{display:flex;flex-direction:column;gap:.25rem}.upload-receipt-modal .info-label{color:#6c757d;font-size:.85rem;font-weight:500}.upload-receipt-modal .info-value{color:#212529;font-size:.95rem;font-weight:600}.file-upload-zone{background-color:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-zone:hover{background-color:#e7f3ff;border-color:#007bff}.file-upload-zone:active{background-color:#cfe2ff;border-color:#0056b3}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{color:#495057;font-size:1rem;margin-bottom:.5rem}.upload-text-secondary{color:#6c757d;font-size:.9rem;margin-bottom:.5rem}.upload-hint{color:#868e96;font-size:.85rem;margin-top:.5rem}.file-preview-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.file-preview{align-items:center;display:flex;gap:1rem}.file-preview img{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;max-height:150px;max-width:150px;object-fit:contain}.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{color:#212529;font-weight:600;word-break:break-all}.file-size{color:#6c757d;font-size:.85rem}.btn-remove-file{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.btn-remove-file:hover:not(:disabled){background-color:#c82333}.btn-remove-file:disabled{cursor:not-allowed;opacity:.6}.file-upload-zone.processing{background-color:#f8f9fa;border-color:#6c757d;cursor:wait;pointer-events:none}.payment-progress-section{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem}.payment-progress-header{align-items:center;color:#495057;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.payment-progress-text{color:#28a745;font-weight:600}.payment-progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.payment-progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.payment-remaining{color:#6c757d;font-size:.85rem;text-align:right}.payment-remaining strong{color:#dc3545}.payment-type-options{display:flex;flex-direction:column;gap:.75rem}.payment-type-option{align-items:center;background-color:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.payment-type-option:hover{background-color:#f8f9fa;border-color:#007bff}.payment-type-option input[type=radio]{cursor:pointer;height:18px;margin:0;width:18px}.payment-type-option input[type=radio]:checked+.payment-type-label{color:#007bff;font-weight:600}.payment-type-option:has(input[type=radio]:checked){background-color:#e7f3ff;border-color:#007bff}.payment-type-label{color:#495057;flex:1 1;font-size:.95rem}.amount-input-wrapper{align-items:center;display:flex;gap:0}.currency-prefix{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px 0 0 4px;border-right:none;color:#495057;font-weight:600;padding:.5rem .75rem}.amount-input{border-radius:0 4px 4px 0!important;flex:1 1;font-size:1.1rem;font-weight:600}.amount-input:focus{z-index:1}@media (max-width:768px){.upload-receipt-modal .info-grid{grid-template-columns:1fr}.file-preview{align-items:flex-start;flex-direction:column}.file-preview img{max-width:100%;width:100%}}.pending-tasks-modal{max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-content{max-width:100%}.modal-header h3{font-size:1.5rem}.close-button{transition:color .2s}.modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.no-tasks-message{color:#6c757d;padding:2rem;text-align:center}.tasks-list{gap:1.5rem}.task-item{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.task-item:hover{box-shadow:0 2px 8px #0000001a}.task-header{align-items:flex-start;border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.task-title{color:#333;flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.task-amount{color:#28a745;font-size:1.3rem;font-weight:700;margin-left:1rem;white-space:nowrap}.task-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.task-detail-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.detail-label{color:#495057;font-size:.9rem;font-weight:600;min-width:120px}.detail-value{color:#212529;flex:1 1;font-size:.9rem;text-align:right;word-break:break-word}.task-actions{align-items:center;flex-wrap:wrap;margin-top:1rem}.claimed-badge{background:#d4edda;border-radius:4px;color:#155724;font-size:.85rem;font-weight:500;padding:.35rem .75rem}.btn-warning:disabled{cursor:not-allowed;opacity:.65}.btn-secondary{border-color:#6c757d}.btn-secondary:hover{border-color:#545b62}.banking-details-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-left:4px solid #007bff;border-radius:6px;margin:1rem 0}.banking-details-header .detail-label{color:#495057;font-size:.95rem;font-weight:600;margin:0;min-width:auto}.copy-button{background-color:#007bff;font-size:.85rem;transition:background-color .2s;white-space:nowrap}.copy-button:hover{background-color:#0056b3}.copy-button:active{transform:scale(.98)}.banking-details-content{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.banking-details-content:hover{background-color:#e9ecef}.banking-detail-item{align-items:center;gap:1rem;justify-content:space-between;padding:.25rem 0}.banking-label{font-size:.9rem;font-weight:500;min-width:120px}.banking-value{color:#212529;flex:1 1;font-weight:600;text-align:right;word-break:break-word}@media (max-width:768px){.pending-tasks-modal{max-height:95vh;width:95%}.task-header{flex-direction:column;gap:.5rem}.task-amount{align-self:flex-end;margin-left:0}.task-detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.detail-value{text-align:left}.banking-details-header{align-items:flex-start;flex-direction:column;gap:.5rem}.copy-button{width:100%}.banking-detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.banking-value{text-align:left}}.notifications-modal{animation:slideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;background:#6c757d;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.notifications-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.notifications-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.mark-all-read-btn:hover{background:#ffffff4d}.close-btn{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.notifications-content{flex:1 1;overflow-y:auto;padding:0}.notifications-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notifications-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#6c757d;height:40px;margin-bottom:16px;width:40px}.no-notifications{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-notifications-icon{font-size:3rem;margin-bottom:16px}.no-notifications p{color:#6c757d;margin:0}.no-notifications-hint{font-size:.85rem;margin-top:8px!important;max-width:280px}.notifications-list{display:flex;flex-direction:column}.notification-item{border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:linear-gradient(90deg,#e8f4ff,#fff)}.notification-item.unread:hover{background:linear-gradient(90deg,#d4ebff,#f8f9fa)}.notification-icon{align-items:center;background:#f1f3f4;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;margin-right:14px;width:40px}.notification-item.unread .notification-icon{background:#e3f2fd}.notification-body{flex:1 1;min-width:0}.notification-title{color:#212529;font-size:.95rem;font-weight:600;margin-bottom:4px}.notification-message{color:#6c757d;font-size:.85rem;line-height:1.4;margin-bottom:8px}.notification-meta{align-items:center;color:#adb5bd;display:flex;font-size:.75rem;gap:12px}.notification-order{background:#e9ecef;border-radius:4px;color:#6c757d;padding:2px 8px}.notification-actions{align-items:center;display:flex;gap:8px;margin-left:12px}.unread-dot{background:#6c757d;border-radius:50%;flex-shrink:0;height:10px;width:10px}.delete-notification-btn{align-items:center;background:none;border:none;border-radius:50%;color:#adb5bd;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background:#fee2e2;color:#dc3545}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:#f1f3f4}.notifications-content::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}.assign-tx-modal{display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden}.assign-tx-modal .modal-body{flex:1 1;overflow-y:auto}.tx-tabs{display:flex;gap:8px;margin-bottom:20px}.tx-tab{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s ease}.tx-tab:hover{background:#f0f7ff;border-color:#007bff}.tx-tab.active{background:#e7f1ff;border-color:#007bff;color:#007bff}.tx-content{display:flex;flex-direction:column;gap:20px}.customer-select-section h4,.tx-list-section h4{color:#333;font-size:.95rem;margin:0 0 10px}.tx-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.tx-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;transition:all .15s ease}.tx-item:hover{background:#f8f9ff;border-color:#007bff}.tx-item.selected{background:#e7f1ff;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.tx-main{flex:1 1;min-width:150px}.tx-bank{align-items:center;color:#333;display:flex;font-weight:600;gap:8px}.source-badge{border-radius:4px;font-size:.65rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.source-badge.blockchain{background:#17a2b8;color:#fff}.tx-account{color:#6c757d;font-size:.85rem}.tx-details{text-align:right}.tx-amount{font-weight:600}.tx-date{color:#6c757d;font-size:.8rem}.tx-desc{color:#666;font-size:.85rem;font-style:italic;width:100%}.no-tx{color:#6c757d;padding:20px;text-align:center}.customer-select-section,.no-tx{background:#f8f9fa;border-radius:8px}.customer-select-section{border:1px solid #dee2e6;padding:15px}.selected-tx-summary{background:#e7f1ff;border-radius:6px;font-size:.9rem;margin-bottom:12px;padding:8px 12px}.customer-search input{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:10px 12px}.customer-search input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.search-loading{color:#6c757d;padding:10px;text-align:center}.customer-results{margin-top:10px;max-height:200px;overflow-y:auto}.customer-result-btn{border:1px solid #dee2e6;border-radius:6px;text-align:left;transition:all .15s ease}.customer-result-btn:hover:not(:disabled){background:#d4edda;border-color:#28a745}.customer-result-btn:disabled{opacity:.6}.customer-info{flex:1 1}.customer-name{color:#333;font-weight:600}.assign-icon{color:#28a745;font-size:1.2rem;font-weight:700}.no-results{color:#6c757d;font-size:.9rem;padding:10px;text-align:center}.all-assigned-message{background:#d4edda;border-radius:8px;color:#155724;font-weight:500;padding:30px;text-align:center}.loading-message{color:#6c757d;padding:40px;text-align:center}@media (max-width:768px){.assign-tx-modal{margin:10px;max-width:95%}.tx-tabs{flex-direction:column}}.dashboard{background-color:#f5f5f5;min-height:100vh}.dashboard .navbar{background-color:#343a40}.dashboard .navbar-actions{gap:12px}.dashboard .detail-value-header{font-weight:600}.dashboard .role-badge-header{font-size:.8rem;padding:3px 10px}.dashboard-content{margin:30px auto 0;max-width:1400px;padding:20px}.welcome-card{background:#fff;border:none;color:#333;margin-bottom:20px;margin-top:20px;padding:15px 20px}.welcome-card h2{color:#333;font-size:1.5rem;font-weight:300;margin:0}.user-details{grid-gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.detail-row{flex-direction:column;gap:5px;text-align:center}.detail-label{font-size:.85rem!important;letter-spacing:.8px;opacity:1!important;text-transform:uppercase}.detail-label,.detail-value{color:#fff!important;font-weight:600!important}.detail-value{font-size:1.1rem!important}.role-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;font-size:14px;font-weight:500;padding:8px 20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.feature-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #00000014;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:25px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:not(.disabled){box-shadow:0 15px 35px #00000026;transform:translateY(-8px)}.feature-card:hover:not(.disabled):before{opacity:1}.feature-card.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.5}.feature-icon{display:block;font-size:2.5rem;margin-bottom:15px}.feature-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:8px}.feature-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.navbar{padding:.75rem 0}.navbar-brand{font-size:1.2rem}.navbar-content{flex-direction:column;gap:12px;padding:0 12px}.navbar-actions{flex-direction:column;gap:10px;width:100%}.navbar-actions .btn{font-size:.85rem;padding:8px 14px}.user-details-header{flex-direction:column;gap:6px;width:100%}.user-info-item{justify-content:space-between;width:100%}.detail-label-header{font-size:.75rem}.detail-value-header{font-size:.8rem}.role-badge-header{font-size:.75rem;padding:3px 10px}.dashboard-content{padding:6px 6px 12px}.welcome-card{margin-bottom:6px;margin-top:8px;padding:8px 10px}.welcome-card h2{font-size:1.05rem;margin-bottom:6px}.user-details{gap:6px;grid-template-columns:1fr;padding:6px}.detail-label{font-size:.7rem!important}.detail-value{font-size:.85rem!important}.role-badge{font-size:11px;padding:5px 12px}.features-grid{column-gap:4px!important;gap:4px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:0!important;margin-top:4px!important;row-gap:4px!important}.feature-card{border-radius:8px;margin:0!important;padding:10px 6px!important}.feature-card h3{font-size:.75rem;margin-bottom:2px;margin-top:0}.feature-card p{font-size:.6rem;line-height:1.2;margin:0}.feature-icon{font-size:1.4rem;margin-bottom:4px}}@media (max-width:380px){.dashboard-content{padding:6px 6px 12px}.navbar-brand,.welcome-card h2{font-size:1rem}.features-grid{gap:6px}.feature-card{padding:10px 8px}.feature-icon{font-size:1.3rem;margin-bottom:4px}.feature-card h3{font-size:.75rem}.feature-card p{font-size:.6rem}}.user-management{background-color:#f5f5f5;min-height:100vh}.navbar{margin-bottom:0}.navbar-actions{gap:20px}.management-content{margin:30px auto 0;max-width:1400px;padding:20px}.management-header{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:30px;margin-top:40px;padding:0 5px}.management-header h2{color:#333;flex:1 1;margin:0!important;min-width:200px}.management-header .btn{flex-shrink:0;margin-left:20px;white-space:nowrap}.create-user-form{margin-bottom:30px;max-width:500px}.create-user-form h3{color:#333;margin-bottom:20px}.users-table-container{overflow-x:auto}.loading{padding:40px}.role-badge[data-role=administrator]{background-color:#dc3545}.role-badge[data-role=finance]{background-color:#28a745}.role-badge[data-role=sales]{background-color:#007bff}.current-user-badge{background-color:#f8f9fa;border-radius:5px;color:#666;display:inline-block;font-size:14px;padding:6px 12px}.action-buttons{align-items:center}.btn-warning{border-color:#ffc107}.btn-warning:hover{border-color:#d39e00}.modal-content{max-width:400px}.password-modal .modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.password-modal .modal-header h3{color:#333;font-size:1.25rem;margin:0}.password-modal .close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.password-modal .close-button:hover{color:#333}.password-modal .modal-body{padding:1.5rem}.password-modal .modal-body .form-group{margin-bottom:1rem}.password-modal .modal-body .form-group:last-child{margin-bottom:0}.password-modal .modal-footer{border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:768px){.navbar{padding:.75rem 0}.navbar-brand{font-size:1.1rem}.navbar-actions{gap:10px}.navbar-actions .btn{font-size:.8rem;padding:6px 10px}.management-content{padding:20px 12px}.management-header{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:20px;margin-top:20px}.management-header h2{font-size:1.25rem;min-width:auto}.management-header .btn{margin-left:0;width:100%}.users-table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.table{font-size:.75rem;min-width:500px}.table td,.table th{padding:8px 10px;white-space:nowrap}.table th{font-size:.7rem}.role-badge{font-size:.65rem;padding:3px 6px}.action-buttons{flex-direction:row;flex-wrap:nowrap;gap:4px}.action-buttons .btn-small,.btn-small,.current-user-badge{font-size:.7rem;padding:4px 8px}.modal-content{margin:10px;width:95%}.password-modal .modal-header{padding:.75rem 1rem}.password-modal .modal-header h3{font-size:1rem}.password-modal .modal-body{padding:1rem}.password-modal .modal-footer{padding:.75rem 1rem}}@media (max-width:480px){.navbar-brand{font-size:1rem}.management-header h2{font-size:1.1rem}.table{font-size:.7rem;min-width:450px}.table td,.table th{padding:6px 8px}}.money-available{background-color:#f5f5f5;min-height:100vh}.money-content{margin:30px auto 0;max-width:1400px;padding:20px}.money-header{align-items:flex-start;background:linear-gradient(135deg,#f0fff4,#e8f5e9);border:1px solid #c8e6c9;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px 30px}.money-header>div:first-child{flex:1 1}.money-header h2{color:#333;font-size:1.5rem;margin:0 0 16px}.balance-info{grid-gap:12px 40px;align-items:baseline;display:grid;gap:12px 40px;grid-template-columns:repeat(2,1fr)}.bank-balance,.total-balance{color:#666;font-size:1.1rem;margin:0}.balance-amount{color:#28a745;font-size:1.5rem;font-weight:700;margin-left:8px}.balance-amount.coming-soon{color:#999;font-size:1.2rem;font-style:italic;font-weight:500;position:relative}.balance-tooltip{color:#999;font-size:.85rem;font-weight:400;margin-left:8px}.add-account-form,.edit-account-form{margin-bottom:30px;max-width:600px}.add-account-form h3,.edit-account-form h3{color:#333;margin-bottom:20px}.edit-account-form{background-color:#e3f2fd;border:1px solid #90caf9}.info-box{background-color:#e8f4f8;border:1px solid #b8e0f0;border-radius:8px;margin-bottom:20px;padding:15px 20px}.info-box p{color:#0c5460;margin:0 0 10px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#0c5460;font-size:.9rem;margin-bottom:5px}.info-box.balance-formula{background:#f8f9fa;border-color:#6c757d}.formula{background:#e9ecef;border-radius:5px;color:#333;font-family:Courier New,monospace;font-size:1.1rem;margin:10px 0;padding:10px 15px;text-align:center}.formula-note{color:#6c757d;font-size:.9rem;font-style:italic;margin-top:8px}.accounts-container{display:flex;flex-direction:column;gap:5px}.account-group{background-color:#fff;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:15px;padding:12px}.group-title{color:#333;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.account-group .accounts-grid{display:flex!important;flex-direction:column!important;gap:10px;width:100%}.account-group .accounts-grid .account-card{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-left-width:5px;border-radius:8px;box-shadow:0 2px 4px #0000000f;box-sizing:border-box;cursor:pointer;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px;min-height:56px;overflow:visible!important;padding:14px 20px;transition:all .2s ease;width:100%!important}.account-card:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #00000014}.account-header{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.account-header h3{color:#333;font-size:.95rem;font-weight:700;margin:0;min-width:70px;white-space:nowrap}.account-actions{display:flex;flex-shrink:0;gap:8px}.swap-info{border:1px solid #e9ecef;border-radius:4px;line-height:1.6}.swap-info p{color:#495057}.swap-info p:first-child{margin-top:0}.swap-info p:last-child{margin-bottom:0}.swap-info strong{color:#333}.account-details{align-items:center;display:flex;gap:12px;overflow:hidden}.account-details p,.account-name{margin:0;white-space:nowrap}.account-name{font-size:.9rem;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis}.account-number{color:#666;font-size:.85rem;margin:0;white-space:nowrap}.account-balance{color:#333;font-size:1rem;margin:0;white-space:nowrap}.account-balance strong{color:#28a745;font-size:1.1rem;font-weight:700}.modal-content{display:flex;flex-direction:column;overflow:hidden}.modal-body{overflow-y:auto}.account-info{background-color:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.account-info p{margin:5px 0}.transaction-form{background-color:#f8f9fa;margin-bottom:30px;padding:20px}.transaction-form h4{color:#333;margin:0 0 20px}.form-row{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.type-btn{font-size:1rem;padding:15px 20px}.type-error{color:#dc3545;font-size:.875rem;margin-bottom:0;margin-top:8px}.transactions-list{margin-top:30px;max-height:400px;overflow-x:auto}.transactions-list h4{color:#333;margin-bottom:20px}.no-transactions{background-color:#f8f9fa;border-radius:5px;color:#999;padding:40px}.table{margin-top:1rem;table-layout:fixed}.table td:first-child,.table th:first-child{width:15%}.table td:nth-child(2),.table th:nth-child(2){width:12%}.table td:nth-child(3),.table th:nth-child(3){white-space:normal;width:25%;word-break:break-word}.table td:nth-child(4),.table td:nth-child(5),.table th:nth-child(4),.table th:nth-child(5){width:15%}.table td:nth-child(6),.table th:nth-child(6){width:10%}.table td:nth-child(7),.table th:nth-child(7){min-width:120px;width:8%}.table td,.table th{border-bottom:1px solid #dee2e6;font-size:.85rem;padding:.75rem .5rem;vertical-align:middle;white-space:nowrap}.table th{color:#495057;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover{background-color:#f8f9fa}.transaction-type{border-radius:4px;font-size:.85rem;padding:4px 10px}.order-link-badge,.transaction-type{display:inline-block;font-weight:600}.order-link-badge{background:#e7f3ff;border:1px solid #007bff;border-radius:10px;color:#0056b3;font-size:.75rem;margin-top:.25rem;padding:.2rem .5rem}.transaction-type.credit{background-color:#d4edda;color:#155724}.transaction-type.debit{background-color:#f8d7da;color:#721c24}td.credit{color:#28a745;font-weight:600}td.debit{color:#dc3545;font-weight:600}.loading{padding:60px}.danger-zone{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-top:50px;padding:20px}.danger-zone-title{color:#721c24;font-size:1.1rem;margin-bottom:15px}.btn-outline-danger{border:2px solid #dc3545;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.delete-confirm-section{margin-top:20px}.delete-warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;margin-bottom:15px;padding:12px}.delete-instruction{color:#721c24;margin-bottom:15px}.delete-confirm-input{border-color:#dc3545;margin-bottom:15px}.delete-confirm-input:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.delete-actions{display:flex;gap:10px}.btn[disabled]{cursor:not-allowed;opacity:.5}@media (max-width:768px){.money-content{margin-top:15px!important;padding:12px 8px}.money-header{align-items:stretch;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:15px;padding:16px}.money-header>div:first-child{flex:initial}.money-header h2{font-size:1.1rem;margin-bottom:12px}.balance-info{display:flex;flex-direction:column;gap:8px;padding:0}.bank-balance,.cash-balance,.customer-balance{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin:0}.balance-amount{font-size:1.1rem;margin-left:0;text-align:right}.total-balance{font-size:1rem;grid-column:unset;margin-top:8px!important;padding-top:10px}.total-balance .balance-amount{font-size:1.3rem}.accounts-grid .account-card{align-items:stretch;border-left-width:5px;display:flex!important;flex-direction:column;gap:10px;padding:14px}.account-header{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:0}.account-header h3{font-size:1rem;min-width:auto}.account-details{align-items:flex-start;flex-direction:column;gap:4px}.account-name{font-size:.9rem;max-width:100%;white-space:normal}.account-number{font-size:.85rem}.account-balance{margin-left:0;padding-right:0}.account-balance strong{font-size:1.1rem}.account-actions{gap:8px}.account-actions .btn{flex:1 1;font-size:.8rem;padding:10px 12px}.form-row{grid-template-columns:1fr}.modal-content{margin:5px;width:98%}.modal-content.modal-wide{max-width:100%}.modal-header{padding:12px}.modal-header h3{font-size:1rem}.modal-body{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:12px}.modal-body>div:has(table){-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-body table{font-size:.65rem!important;min-width:550px!important}.modal-body table td,.modal-body table th{font-size:.65rem!important;padding:5px 6px!important;white-space:nowrap!important}.transactions-list{-webkit-overflow-scrolling:touch;margin:0 -12px;max-height:350px;overflow-x:auto!important;overflow-y:auto;padding:0 12px}.transactions-list .table{font-size:.65rem;min-width:580px!important;table-layout:auto!important;width:-webkit-max-content;width:max-content}.transactions-list .table td,.transactions-list .table th{font-size:.65rem;padding:5px 6px;white-space:nowrap}.transactions-list .table th{font-size:.6rem}.transaction-type{font-size:.6rem;padding:2px 5px}.order-link-badge{font-size:.55rem;padding:1px 4px}.transaction-actions{flex-wrap:nowrap;gap:2px}.transaction-actions .btn{font-size:.55rem;padding:2px 4px}.account-header{flex-direction:column;gap:10px}.account-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.delete-actions{flex-direction:column}.danger-zone{margin-top:20px;padding:15px}.transaction-type-buttons{flex-direction:column;gap:8px}.type-btn{font-size:.85rem;padding:10px 14px}.info-box{padding:10px 12px}.info-box li{font-size:.8rem}.add-account-buttons{flex-direction:column;gap:8px;margin-left:0!important;width:100%}.add-account-buttons .btn{font-size:.85rem;padding:12px;white-space:normal;width:100%}.account-tabs{gap:6px;padding:6px}.account-tab{padding:10px 12px}.tab-icon{font-size:1.2rem}.tab-title{font-size:.9rem}.group-title,.tab-balance{font-size:.95rem}}@media (max-width:480px){.money-content{padding:8px 6px}.money-header h2{font-size:1.1rem}.balance-amount{font-size:1rem}.total-balance .balance-amount{font-size:1.15rem}.account-header h3{font-size:.85rem}.account-balance strong{font-size:.9rem}.table{font-size:.65rem;min-width:550px}.table td,.table th{font-size:.65rem;padding:5px 6px}}.account-card.bank-rhb{border-left-color:#005ba6}.account-card.bank-cimb{border-left-color:#8b0000}.account-card.bank-maybank{border-left-color:#ffc600}.account-card.bank-public{border-left-color:#c8102e}.account-card.bank-hong-leong{border-left-color:#003087}.account-card.bank-affin{border-left-color:#0033a0}.account-card.bank-ambank{border-left-color:#ed1c24}.account-card.bank-bank-islam{border-left-color:#006b3f}.account-card.bank-hsbc{border-left-color:#db0011}.account-card.bank-ocbc{border-left-color:#ee2e24}.account-card.bank-standard-chartered{border-left-color:#0072ae}.account-card.bank-uob{border-left-color:#003d7a}.account-card.bank-alliance{border-left-color:#1e3a8a}.account-card.bank-bank-rakyat{border-left-color:#006400}.account-card.bank-cash-on-hand{border-left-color:gold}.account-tabs{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:8px;margin:12px 0;padding:8px}.account-tab{background-color:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;flex:1 1;padding:10px;text-align:center;transition:all .3s ease}.account-tab:hover{background-color:#f8f9fa;border-color:#adb5bd}.account-tab.active{background-color:#007bff;border-color:#007bff;color:#fff}.tab-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.tab-icon{font-size:1.5rem}.tab-title{font-size:1.1rem;font-weight:600}.tab-balance{font-size:1.3rem;font-weight:700}.account-tab.active .tab-balance{color:#fff}.account-type-content{min-height:200px;padding-top:10px}.no-accounts-message{color:#666}.coming-soon-section,.no-accounts-message{background-color:#fff;border-radius:5px;margin:20px 0;padding:30px;text-align:center}.info-text{color:#999;font-size:.9rem;margin-top:10px}.balance-info p{margin:8px 0}.cash-balance .balance-amount{color:#28a745}.customer-balance .balance-amount{color:#6c757d}.total-balance{border-top:1px solid #0000001a;font-size:1.2rem;font-weight:700;grid-column:1/-1;margin-top:8px!important;padding-top:12px}.add-account-buttons{align-items:stretch;display:flex;flex-direction:column;gap:10px;margin-left:30px}.add-account-buttons .btn{padding:12px 20px;white-space:nowrap}.customer-module-info{background-color:#e8f4f8;border:1px solid #b8e0f0;border-radius:8px;margin-top:20px;padding:20px;text-align:left}.customer-module-info h3{color:#06c;margin-bottom:15px}.customer-module-info ul{list-style-type:disc;margin:10px 0 20px 20px}.customer-module-info li{color:#555;margin-bottom:8px}.coming-soon-section h3{color:#06c;margin-bottom:15px}@media (max-width:768px){.account-tabs{flex-direction:column;gap:4px;margin:8px 0;padding:5px}.account-tab{align-items:center;display:flex;justify-content:space-between;padding:10px 12px}.tab-header{flex-direction:row;gap:6px;margin-bottom:0}.tab-icon{font-size:1.1rem}.tab-title{font-size:.85rem}.tab-balance{font-size:.9rem}.add-account-buttons{flex-direction:column;gap:6px;width:100%}.add-account-buttons button{width:100%}.account-group{margin-bottom:10px;padding:10px}.accounts-grid{gap:6px}}.customer-management{background-color:#f5f5f5;min-height:100vh}.customer-content{margin:30px auto 0;max-width:1400px;padding:20px}.customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.customer-type-buttons{display:flex;gap:10px}.customer-header h2{color:#333;font-size:1.75rem;margin:0}.add-customer-form{margin-bottom:20px;max-width:600px}.alert{border:1px solid #0000}.alert-error{border-color:#f5c6cb}.alert-success{border-color:#c3e6cb}.card{border:2px solid #dee2e6;box-shadow:0 2px 4px #00000014;margin-bottom:15px;padding:12px}.form-control{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-text{font-size:.875rem;margin-top:5px}.form-actions{margin-top:25px}.customers-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background-color:#f8f9fa}.customers-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.875rem;font-weight:600;padding:10px 12px;text-align:left}.customers-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:10px 12px}.customers-table tbody tr:hover{background-color:#f8f9fa}.customer-number{color:#007bff;font-weight:600}.customer-name{font-weight:500}.customer-nickname{color:#666;font-style:italic}.kyc-link{color:#007bff;font-weight:500;text-decoration:none}.kyc-link:hover{text-decoration:underline}.no-kyc{color:#999;font-style:italic}.assigned-badge{background-color:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:.875rem;padding:4px 10px}.assigned-badge.assigned-to-me{background-color:#d1ecf1;color:#0c5460;font-weight:600}.no-data{color:#999;padding:40px!important}.action-buttons{gap:8px}.modal-content{background-color:#fff;box-shadow:0 4px 6px #0000001a;overflow:auto}.modal-body{padding:20px}.btn-secondary:hover{background-color:#5a6268}.customer-type-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.customer-type-badge.type-sell_only{background-color:#e3f2fd;border:1px solid #1976d2;color:#0d47a1;font-weight:600}.customer-type-badge.type-buy_and_sell{background-color:#f3e5f5;border:1px solid #7b1fa2;color:#4a148c;font-weight:600}.customer-type-badge.type-mc{background-color:#fff3e0;border:1px solid #f57c00;color:#e65100;font-weight:600}@media (max-width:768px){.navbar{padding:.75rem 0}.navbar-brand{font-size:1.1rem}.navbar-actions{flex-wrap:wrap;gap:6px}.navbar-actions .btn{font-size:.75rem;padding:6px 10px}.container{padding:0 12px}.customer-content{margin-top:20px!important;padding:15px 12px}.customer-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:15px}.customer-header h2{font-size:1.25rem}.subtitle{font-size:.8rem}.customer-type-buttons{flex-direction:column;gap:8px;width:100%}.customer-type-buttons .btn{font-size:.85rem;padding:10px 12px;width:100%}.tab-navigation{margin-bottom:15px}.tab-button{font-size:.85rem;padding:8px 16px}.customers-table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.customers-table{font-size:.8rem;min-width:650px}.customers-table th{font-size:.7rem;padding:8px 10px}.customers-table td{font-size:.75rem;padding:8px 10px;white-space:nowrap}.customer-type-badge{font-size:.65rem;padding:3px 6px}.assigned-badge{font-size:.7rem;padding:3px 8px}.action-buttons{flex-direction:row;flex-wrap:nowrap;gap:4px}.action-buttons .btn,.action-buttons .btn-small{font-size:.65rem;padding:4px 8px}.btn-small{font-size:.7rem;padding:4px 8px}.wallet-addresses-table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.wallet-addresses-table{min-width:550px}.wallet-addresses-table td,.wallet-addresses-table th{font-size:.75rem;padding:8px 10px}.address-cell{max-width:150px}.address-text{font-size:.7rem}.modal-content{margin:10px;width:95%}.modal-header{padding:12px 15px}.modal-header h3{font-size:1rem}.modal-body{padding:15px}.customer-details-modal{max-width:95%}.customer-details-content{padding:15px}.info-grid{gap:10px;grid-template-columns:1fr}.info-item label{font-size:.8rem}.info-item span{font-size:.9rem}}@media (max-width:480px){.navbar-brand{font-size:1rem}.customer-header h2{font-size:1.1rem}.customers-table{font-size:.7rem;min-width:550px}.customers-table td,.customers-table th{padding:6px 8px}.tab-button{font-size:.75rem;padding:6px 12px}}.search-section{align-items:center;display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.search-input:focus{border-color:#007bff;outline:none}.notification-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.notification-banner span{font-weight:500}.pending-requests-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.pending-requests-section h3{color:#333;margin-bottom:15px;margin-top:0}@media (max-width:768px){.search-section{flex-direction:column;width:100%}.search-input{width:100%}}.tab-navigation{border-bottom:2px solid #ecf0f1;display:flex;gap:0;margin-bottom:20px}.tab-button{font-size:1rem;margin-right:2px;padding:12px 24px}.wallet-addresses-section{margin-top:20px}.wallet-addresses-table-container{border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.wallet-addresses-table{background:#fff;border-collapse:collapse;width:100%}.wallet-addresses-table th{background:#f8f9fa;border-bottom:2px solid #ecf0f1;color:#2c3e50;font-weight:700;padding:12px;text-align:left}.wallet-addresses-table td{border-bottom:1px solid #ecf0f1;padding:12px;vertical-align:top}.address-cell{max-width:200px}.address-text{font-size:.85rem;line-height:1.3}.network-badge{border-radius:4px;display:inline-block;font-size:.8rem;padding:4px 8px}.network-badge.trc20{background:#ff6b6b}.network-badge.erc20{background:#4ecdc4}.network-badge.bep20{background:#ffe66d;color:#333}.customer-info strong{color:#2c3e50;display:block}.customer-nickname{color:#7f8c8d;font-size:.9rem;margin-top:2px}.customer-meta{color:#95a5a6;font-size:.8rem;margin-top:4px}.no-customer{color:#e74c3c;font-style:italic}.customer-details-modal{max-height:90vh;max-width:800px;overflow-y:auto}.customer-details-content{padding:20px}.details-section{margin-bottom:30px}.details-section h4{border-bottom:2px solid #ecf0f1;color:#2c3e50;margin-bottom:15px;padding-bottom:8px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#7f8c8d;font-size:.9rem;font-weight:700}.info-item span{color:#2c3e50}.addresses-list,.orders-list{display:flex;flex-direction:column;gap:10px}.address-item,.order-item{background:#f8f9fa;border:1px solid #ecf0f1;border-radius:6px;padding:12px}.address-info,.order-info{display:flex;flex-direction:column;gap:6px}.address-text{color:#2c3e50;font-family:monospace;font-size:.9rem;word-break:break-all}.address-meta,.order-meta{color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:.8rem;gap:10px}.order-id{color:#2c3e50}.order-type{background:#3498db;border-radius:3px;color:#fff;font-size:.75rem;padding:2px 6px}.order-amount{color:#27ae60;font-weight:700}.no-data{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.crypto-container{background-color:#f5f6fa;min-height:100vh}.crypto-content{margin:30px auto 0;max-width:1400px;padding:20px}.crypto-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.crypto-header h1{color:#333;font-size:1.75rem;margin:0}.crypto-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.5rem;margin-bottom:1.5rem}.crypto-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.crypto-tab:hover{background-color:#f5f5f5;color:#333}.crypto-tab.active{background-color:initial;border-bottom-color:#3498db;color:#2c3e50}.crypto-totals{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.total-card{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.75rem;padding:.75rem 1rem}.total-icon{font-size:1.5rem;font-weight:700}.total-label{color:#666;font-size:.75rem;margin-bottom:.125rem}.total-value{font-size:1.25rem;font-weight:700}.alert{font-weight:500;margin-bottom:15px;padding:12px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c00}.alert-success{background-color:#efe;border:1px solid #cfc;color:#060}.add-form-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.add-form-card h3{color:#333;margin-bottom:1.5rem;margin-top:0}.form-label{color:#555}.form-control{transition:border-color .2s}.form-control:focus{box-shadow:0 0 0 2px #007bff1a}textarea.form-control{min-height:60px;resize:vertical}.form-actions{margin-top:1.5rem}.crypto-groups-section{margin-top:2rem}.crypto-groups-grid{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.crypto-groups-grid.single-column{grid-template-columns:1fr}.no-groups-message{background:#fff;border-radius:8px;color:#666;font-style:italic;padding:3rem;text-align:center}.crypto-group-card{background:#fff;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #00000014;height:-webkit-fit-content;height:fit-content;overflow:hidden}.group-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px}.group-title-section{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.expand-icon{color:#666;font-size:.875rem;transition:transform .2s}.group-title-section h3{color:#333;font-size:1.3rem;margin:0}.group-description{color:#666;font-size:.875rem;font-style:italic}.group-actions{display:flex;gap:.5rem}.subaccounts-container{padding:12px}.no-subaccounts{background:#f8f9fa;border-radius:4px;color:#666;font-style:italic;padding:2rem;text-align:center}.subaccount-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:10px;padding:10px 12px}.subaccount-header{margin-bottom:10px}.subaccount-header,.subaccount-header h4{align-items:center;display:flex;gap:.5rem}.subaccount-header h4{color:#495057;flex:1 1;font-size:1.1rem;margin:0}.account-type-badge{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:12px;color:#1976d2;font-size:.75rem;padding:.25rem .5rem}.account-type-badge,.customer-number-badge{align-items:center;display:inline-flex;font-weight:500;gap:.25rem}.customer-number-badge{background-color:#f3e5f5;border:1px solid #ce93d8;border-radius:10px;color:#7b1fa2;font-size:.7rem;margin-left:.5rem;padding:.2rem .4rem}.subaccount-card.customer-account{background:linear-gradient(90deg,#fff9e6 0,#fff 10%);border-left:3px solid #ffc107}.customer-accounts-section{margin-top:2rem}.crypto-group-card.customer-group{background:linear-gradient(180deg,#fffbf0 0,#fff 20%);border:2px solid #ffc107}.customer-totals-inline{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:1.5rem}.inline-total{align-items:center;display:flex;gap:.3rem}.no-balance-text{color:#6c757d;font-size:.85rem;font-style:italic}.subaccount-description{color:#6c757d;font-size:.875rem;font-style:italic}.crypto-balances{display:flex;flex-direction:column;gap:.5rem}.balance-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;gap:.5rem;padding:.75rem;width:100%}.crypto-group-card.selected-for-delete{background:#fff5f5;border:2px solid #dc3545}.delete-checkbox{align-items:center;display:flex;padding-right:10px}.crypto-icon{font-size:1.25rem;font-weight:700}.crypto-type{color:#495057;font-weight:600}.crypto-balance{flex:1 1;font-family:monospace;font-size:.95rem;text-align:right}.wallet-indicator{cursor:help;font-size:.875rem;margin-left:5px}.wallet-indicator.monitoring-active{animation:pulse 2s infinite}.no-balance-section{background:#f8f9fa;border-radius:4px;padding:1.5rem;text-align:center}.no-balance-message{color:#6c757d;font-size:.875rem;font-style:italic;margin:0 0 1rem}.add-funds-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-outline{background:#fff;border:2px solid;transition:all .2s}.btn-outline:hover{filter:brightness(.95);transform:translateY(-1px)}.balance-actions,.subaccount-actions{display:flex;gap:.5rem;margin-left:auto}.btn-warning{background-color:#ffc107;color:#000}.btn-warning:hover{background-color:#e0a800}.initial-balances-title{border-bottom:1px solid #e9ecef;color:#333;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.crypto-initial-group{background:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:1rem}.crypto-initial-group h5{align-items:center;color:#495057;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:0}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 2fr}.transaction-section{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:2rem}.transaction-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-bottom:1rem}.transaction-type-buttons{display:flex;gap:15px;margin-top:8px}.type-btn{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;transition:all .3s ease}.type-btn:hover{background-color:#f8f9fa;border-color:#999}.type-btn-credit{color:#28a745}.type-btn-credit.active{background-color:#d4edda;border-color:#28a745;color:#155724}.type-btn-debit{color:#dc3545}.type-btn-debit.active{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.type-icon{font-size:1.2rem;font-weight:700}.history-section{margin-top:2rem;max-height:400px;overflow-x:auto;overflow-y:auto}.swap-info{background:#f8f9fa;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.swap-info p{margin:.5rem 0}.transactions-table{margin-top:1rem}.transactions-table td:first-child,.transactions-table th:first-child{width:15%}.transactions-table td:nth-child(2),.transactions-table th:nth-child(2){width:12%}.transactions-table td:nth-child(3),.transactions-table td:nth-child(4),.transactions-table th:nth-child(3),.transactions-table th:nth-child(4){width:15%}.transactions-table td:nth-child(5),.transactions-table th:nth-child(5){white-space:normal;width:25%;word-break:break-word}.transactions-table td:nth-child(6),.transactions-table th:nth-child(6){width:10%}.transactions-table td:nth-child(7),.transactions-table th:nth-child(7){min-width:120px;width:8%}.transactions-table td,.transactions-table th{border-bottom:1px solid #dee2e6;font-size:.85rem;padding:.75rem .5rem;vertical-align:middle;white-space:nowrap}.transactions-table th{background-color:#f8f9fa}.no-transactions{color:#666}.initial-balance-row{background-color:#f8f9fa!important;font-weight:500}.initial-balance-row td{border-top:2px solid #dee2e6}.tx-type.tx-initial_balance{background-color:#6c757d;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.tx-type{border-radius:3px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.tx-credit{background-color:#d4edda;color:#155724}.tx-debit{background-color:#f8d7da;color:#721c24}.tx-swap_from{background-color:#fff3cd;color:#856404}.tx-swap_to{background-color:#d1ecf1;color:#0c5460}.transaction-actions{display:flex;flex-wrap:nowrap;gap:.25rem}.transaction-actions .btn{font-size:.75rem;min-width:auto;padding:.375rem .5rem}.btn-outline-primary{background-color:#fff;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.btn-outline-danger{background-color:#fff;border:1px solid #dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;color:#fff}.btn{padding:8px 16px}.btn:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-info:hover{background:linear-gradient(135deg,#138496,#117a8b)}.btn-small{padding:5px 10px}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 4px 20px #00000026}.modal-content.modal-wide{max-width:1400px;width:95vw}.close-button{align-items:center;border-radius:4px;color:#999;display:flex;font-size:1.5rem;justify-content:center;transition:all .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.modal-body{max-height:calc(90vh - 120px);overflow-x:auto}.loading{color:#666;font-style:italic}@media (max-width:1200px){.crypto-groups-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.crypto-groups-grid{grid-template-columns:1fr}.navbar{padding:.5rem 0}.navbar-content{flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px 10px}.navbar-brand{font-size:1rem}.navbar-actions{flex-wrap:wrap;gap:4px;justify-content:center}.navbar-actions .btn{font-size:.7rem;padding:5px 8px}.crypto-content{margin:10px auto 0!important;padding:10px 8px}.crypto-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px}.crypto-header h1{font-size:1.1rem}.crypto-tabs{gap:2px;margin-bottom:12px}.crypto-tab{font-size:.7rem;padding:8px 10px}.crypto-totals{gap:6px;grid-template-columns:1fr 1fr;margin-bottom:12px}.total-card{border-left-width:3px;gap:8px;padding:8px 10px}.total-icon{font-size:1rem}.total-label{font-size:.6rem}.total-value{font-size:.9rem}.crypto-group-card{margin-bottom:10px}.group-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.group-title-section h3{font-size:.95rem}.group-description{font-size:.7rem}.group-actions{gap:4px;justify-content:flex-start;width:100%}.group-actions .btn{font-size:.7rem;padding:5px 8px}.subaccounts-container{padding:8px}.subaccount-card{margin-bottom:8px;padding:8px}.subaccount-header{flex-direction:column;gap:6px;margin-bottom:8px}.subaccount-header h4{font-size:.85rem}.account-type-badge{font-size:.6rem;padding:2px 6px}.customer-number-badge{font-size:.55rem;margin-left:4px;padding:1px 4px}.subaccount-actions{gap:4px;justify-content:flex-start;width:100%}.subaccount-actions .btn{font-size:.7rem;padding:5px 8px}.crypto-balances{gap:6px}.balance-item{flex-wrap:wrap;gap:6px;padding:8px}.crypto-icon{font-size:1rem}.crypto-balance,.crypto-type{font-size:.8rem}.balance-actions{gap:4px;justify-content:flex-end;margin-top:4px;width:100%}.balance-actions .btn{font-size:.65rem;padding:4px 8px}.add-form-card{margin-bottom:12px;padding:12px}.add-form-card h3{font-size:1rem;margin-bottom:12px}.form-actions{flex-direction:row;gap:8px}.form-actions .btn{flex:1 1;font-size:.8rem;padding:8px 10px}.modal-content{margin:8px;width:95%}.modal-content.modal-wide{max-width:100%;width:98%}.modal-header{padding:10px 12px}.modal-header h3{font-size:.95rem}.modal-body{overflow-x:auto;padding:10px 12px}.history-section{max-height:250px;overflow-x:auto}.transactions-table{font-size:.7rem;min-width:600px}.transactions-table td,.transactions-table th{font-size:.65rem;padding:6px 4px}.tx-type{font-size:.6rem;padding:2px 4px}.transaction-actions .btn{font-size:.6rem;padding:3px 5px}.transaction-type-buttons{flex-direction:row;gap:8px}.type-btn{font-size:.75rem;padding:8px 10px}.type-icon{font-size:1rem}}@media (max-width:480px){.crypto-totals{grid-template-columns:1fr}.total-card{padding:10px}.total-value{font-size:1rem}.navbar-actions .btn{font-size:.65rem;padding:4px 6px}.crypto-tab{font-size:.65rem;padding:6px 8px}}.loading-container{min-height:100px}.loading-container.spinner-overlay{background:#ffffffe6;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff}.spinner-small .spinner{border-width:2px;height:20px;width:20px}.spinner-medium .spinner{border-width:3px;height:40px;width:40px}.spinner-large .spinner{border-width:4px;height:60px;width:60px}.spinner-text{color:#666;font-size:1rem;font-weight:500}.spinner-small .spinner-text{font-size:.875rem}.spinner-large .spinner-text{font-size:1.125rem}.spinner-pulse{animation:pulse 1.5s ease-in-out infinite;background-color:#007bff;border-radius:50%;height:40px;width:40px}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.navbar{background-color:#343a40}.navbar-brand{font-weight:700}.container{margin:0 auto;max-width:1200px}.user-info{font-size:1rem}.blockchain-monitor{background-color:#f5f5f5;min-height:100vh}.blockchain-content{margin:30px auto 0;max-width:1400px;padding:20px}.blockchain-header{margin-bottom:20px}.blockchain-header h2{color:#333;font-size:1.75rem;margin:0}.subtitle{color:#666;font-size:.9rem;margin:5px 0 0}.balance-info{background:#e8f5e8;border:1px solid #a8d5a8;border-radius:5px;margin-top:10px;padding:8px 12px}.balance-info small{color:#27ae60;font-size:.85rem}.blockchain-monitor-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:768px){.blockchain-monitor-content{grid-template-columns:1fr}}.section-header{border-bottom:2px solid #ecf0f1;margin-bottom:20px;padding-bottom:10px}.header-actions{gap:10px}.section-header h2{font-size:1.25rem}.network-badge{background:#3498db;border-radius:15px;color:#fff;font-size:.9rem;font-weight:700;padding:5px 10px}.filter-notice{background:#e8f4fd;border:1px solid #b3d9ff;border-radius:5px;margin-bottom:15px;padding:8px 12px;text-align:center}.filter-notice small{color:#2980b9;font-size:.85rem}.transaction-tabs{border-bottom:2px solid #ecf0f1;display:flex;gap:5px;margin-bottom:20px;padding-bottom:10px}.tab-button{background:#f8f9fa;border:1px solid #bdc3c7;border-bottom:none;border-radius:8px 8px 0 0;color:#7f8c8d;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button.active{background:#3498db;border-color:#3498db;color:#fff;transform:translateY(-2px)}.tab-button.active:hover{background:#2980b9;color:#fff}.addresses-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.addresses-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.address-card{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.address-card:hover{border-color:#3498db;box-shadow:0 4px 15px #3498db33;transform:translateY(-2px)}.address-card.selected{background:#fdf2f2;border-color:#e74c3c}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.network-icon{font-size:1.2rem;margin-right:8px}.network-name{color:#2c3e50;flex:1 1;font-weight:700}.btn-delete{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 12px;transition:background .3s ease}.btn-delete:hover{background:#c0392b}.address-info{font-size:.9rem}.address-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.address-label strong{color:#2c3e50}.btn-edit-label{background:#f39c12;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;padding:4px 8px}.btn-edit-label:hover{background:#e67e22}.btn-resync{background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;margin-left:8px;padding:2px 6px}.btn-resync:hover{background:#2980b9}.address-address{color:#7f8c8d;font-family:monospace;font-size:.85rem;line-height:1.3;margin-bottom:5px;word-break:break-all}.address-balance{color:#27ae60;font-weight:700;margin-bottom:3px}.address-initial{color:#95a5a6;font-size:.8rem;margin-bottom:3px}.address-created{color:#7f8c8d;font-size:.75rem;font-style:italic;margin-top:5px}.transactions-section{border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.transactions-list{max-height:600px;overflow-y:auto}.transaction-card{background:#f8f9fa;border:1px solid #ecf0f1;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s ease}.transaction-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.transaction-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.transaction-icon{font-size:1.2rem;margin-right:8px}.transaction-type{color:#2c3e50;flex:1 1;font-weight:700}.transaction-amount{color:#27ae60;font-size:1.1rem;font-weight:700}.transaction-time{color:#7f8c8d;font-size:.9rem}.transaction-details{font-size:.9rem}.transaction-addresses{margin-bottom:10px}.address-row{display:flex;margin-bottom:5px}.address-row .label{color:#2c3e50;font-weight:700;width:50px}.address-row .address{color:#7f8c8d;flex:1 1;font-family:monospace;font-size:.85rem;line-height:1.3;word-break:break-all}.transaction-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.tx-hash{color:#7f8c8d;font-size:.8rem;line-height:1.3;word-break:break-all}.modal-content{border-radius:10px;padding:0}.modal-header{border-bottom:1px solid #ecf0f1;padding:20px}.btn-close{background:#e74c3c;color:#fff;font-size:1rem;height:30px;width:30px}.btn-close:hover{background:#c0392b}.add-address-form{padding:20px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #bdc3c7;border-radius:5px;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.form-actions{gap:10px;justify-content:flex-end;margin-top:20px}.btn{font-size:1rem;font-weight:700;text-align:center}.btn-primary{background:#3498db}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.empty-state{color:#7f8c8d;padding:40px 20px}.empty-state p{margin-bottom:10px}.error-message{background:#e74c3c;border-radius:5px;color:#fff;margin-bottom:20px;padding:15px;text-align:center}.loading-spinner{color:#7f8c8d;padding:40px;text-align:center}@media (max-width:768px){.blockchain-content{padding:10px}.blockchain-header h2{font-size:1.5rem}.addresses-grid{grid-template-columns:1fr}.transaction-tabs{flex-direction:column;gap:2px}.tab-button{border-radius:5px;margin-bottom:2px}.transaction-header,.transaction-links{align-items:flex-start;flex-direction:column}.modal-content{width:95%}}.address-with-label{display:flex;flex-direction:column;gap:2px}.address-label{color:#2c3e50;font-size:.9rem;font-weight:700}.address-raw{color:#7f8c8d;font-family:monospace;font-size:.8rem}.customer-badge{background:#3498db;border-radius:3px;color:#fff;display:inline-block;font-size:.75rem;margin-top:2px;padding:2px 6px}.btn-save-address{background:#f39c12;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;margin-left:8px;padding:6px 12px;transition:background .3s ease}.btn-save-address:hover{background:#e67e22}.disabled-input{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.btn-change-customer{background:#6c757d;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background .3s ease}.btn-change-customer:hover{background:#5a6268}.create-order-container{background-color:#f5f6fa;min-height:100vh}.navbar-content{max-width:1200px}.create-order-content{margin:30px auto 0;max-width:1400px;padding:20px}.split-layout{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:40fr 60fr}.order-form-section,.transactions-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:2rem}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#495057;font-size:1.1rem;margin-bottom:1rem}.order-type-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.order-type-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.order-type-btn:hover{border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.order-type-btn.active{border-width:3px;box-shadow:0 4px 12px #00000026}.order-type-btn.active.buy{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#28a745}.order-type-btn.active.sell{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#dc3545}.order-type-btn .type-icon{font-size:2rem}.order-type-btn .type-title{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.order-type-btn .type-desc{color:#6c757d;font-size:.85rem}.customer-search-results{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:.5rem;padding:1rem}.results-label{color:#495057;font-weight:600;margin-bottom:.5rem}.customer-result-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.customer-result-item:hover{background:#f0f8ff;border-color:#007bff;transform:translateX(4px)}.customer-info strong{color:#212529}.customer-meta{color:#6c757d;font-size:.85rem;margin-top:.25rem}.customer-selected-card{background:#d4edda;border:2px solid #28a745;border-radius:8px;margin-top:.5rem;padding:1rem}.selected-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.selected-header h4{color:#155724;margin:0}.customer-details p{color:#155724;margin:.5rem 0}.customer-details a{color:#004085;text-decoration:underline}.new-customer-form{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:.5rem;padding:1rem}.info-text{color:#856404;font-weight:600;margin-bottom:1rem}.crypto-type-selector{display:flex;gap:.5rem}.crypto-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s}.crypto-btn:hover{background:#f0f8ff;border-color:#007bff}.crypto-btn.active{background:#007bff;border-color:#007bff;color:#fff}.rate-display{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #4caf50;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.rate-label{color:#2e7d32;font-size:.9rem;font-weight:600;margin-right:.5rem}.rate-value{color:#1b5e20;font-size:1.1rem;font-weight:700}.rate-display.rate-abnormal{background:linear-gradient(135deg,#ffebee,#fff3e0);border:2px solid #f44336}.rate-display.rate-abnormal .rate-label{color:#d32f2f}.rate-display.rate-abnormal .rate-value{color:#c62828}.rate-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.5rem}.transaction-selector-card h3{color:#495057;font-size:1.1rem;margin:0 0 1rem}.transaction-selector-info{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.info-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.info-row.balance-row{border-top:2px solid #007bff;font-size:1.05rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.balance-explanation{color:#6c757d;display:block;font-style:italic;margin-top:.5rem;text-align:center}.transactions-list h4{color:#495057;margin-bottom:1rem}.transactions-table-wrapper{border:1px solid #dee2e6;border-radius:4px;max-height:500px;overflow-y:auto}.transactions-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:1}.transactions-table th{border-bottom:2px solid #dee2e6;color:#495057;padding:.75rem;text-align:left}.transactions-table tbody tr{border-left:3px solid #0000;cursor:pointer;transition:all .2s}.transactions-table tbody tr:hover{border-left-color:#007bff}.transactions-table tbody tr.selected{background:#d4edda;border-left-color:#28a745;font-weight:600}.transactions-table td{border-bottom:1px solid #e9ecef;padding:.75rem}.account-info{display:flex;flex-direction:column;gap:.25rem}.bank-name{color:#212529;font-weight:600}.account-name{color:#6c757d;font-size:.85rem}.amount-cell{font-size:1.05rem;font-weight:700;text-align:right}.description-cell{color:#495057;font-size:.9rem;max-width:300px;white-space:nowrap}.no-description{color:#adb5bd;font-size:.85rem;font-style:italic}.form-group{margin-bottom:1.5rem}.form-label{color:#495057;font-weight:600;margin-bottom:.5rem}.form-text{color:#6c757d;display:block;font-size:.85rem;margin-top:.5rem}.btn-small{font-size:.875rem;padding:.25rem .75rem}.btn-large{font-size:1.1rem;padding:.75rem 2rem}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.no-transactions{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.modal-content{padding:2rem}.success-modal{text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 4px 15px #28a7454d;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.success-modal h2{color:#28a745;margin-bottom:1.5rem}.success-details{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#000;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.success-details *{color:inherit}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:.75rem 0}.detail-row.highlight{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #f39c12;border-radius:6px;box-shadow:0 2px 8px #ffc1074d;font-size:1.1rem;font-weight:700;margin:.5rem -1rem 0;padding:.75rem 1rem}.detail-row.highlight .detail-label,.detail-row.highlight .detail-value{color:#000;font-weight:800}.detail-row.highlight .detail-value.text-success{color:#155724!important}.detail-row.highlight .detail-value.text-danger{color:#721c24!important}.detail-label,.detail-row .detail-label,.success-modal .detail-row .detail-label{color:#495057!important;font-size:.9rem;font-weight:700!important;letter-spacing:.5px;text-transform:uppercase}.detail-row .detail-value,.detail-value,.success-modal .detail-row .detail-value{color:#212529!important;font-size:1rem;font-weight:700!important}.detail-value.buy{color:#28a745!important}.detail-value.sell{color:#dc3545!important}.success-message{margin:1rem 0}.success-message p{font-weight:500;margin:.5rem 0}.modal-actions{justify-content:center;margin-top:1.5rem}.confirm-delete-modal{max-width:500px;width:90%}.confirm-delete-modal .modal-body{padding:2rem 1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.warning-message{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.warning-detail{color:#666;font-size:.9rem;margin-top:.5rem}.confirm-delete-modal .modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.confirm-delete-modal .btn{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s}.confirm-delete-modal .btn:disabled{cursor:not-allowed;opacity:.6}.confirm-delete-modal .btn-secondary{background-color:#6c757d;color:#fff}.confirm-delete-modal .btn-secondary:hover:not(:disabled){background-color:#5a6268}.confirm-delete-modal .btn-danger{background-color:#dc3545;color:#fff}.confirm-delete-modal .btn-danger:hover:not(:disabled){background-color:#c82333}.confirm-delete-modal .spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.5rem;vertical-align:middle;width:14px}.order-history-container{background-color:#f5f6fa;min-height:100vh}.navbar{padding:1rem 0}.navbar-content{padding:0 2rem}.order-history-content{margin:30px auto 0;max-width:1400px;padding:20px}.order-header{margin-bottom:20px}.order-header h1{color:#333;margin:0}.no-orders{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.no-orders p{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s}.order-card:hover{box-shadow:0 4px 12px #00000026}.order-card.highlighted{animation:highlightPulse 2s ease-in-out;border:2px solid #6c757d;box-shadow:0 0 20px #6c757d80}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #6c757db3;transform:scale(1)}50%{box-shadow:0 0 30px 10px #6c757d4d;transform:scale(1.01)}to{box-shadow:0 0 20px #6c757d80;transform:scale(1)}}.order-card-header{grid-gap:1.5rem;align-items:center;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:2fr 2fr 1.5fr 40px;padding:1.5rem}.order-card-header:hover{background:#f8f9fa}.order-main-info{display:flex;flex-direction:column;gap:.5rem}.order-id-type{align-items:center;display:flex;gap:.75rem}.order-id{color:#212529;font-size:1.1rem;font-weight:700}.order-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.order-type-badge.buy{background:#d4edda;border:1px solid #28a745;color:#155724}.order-type-badge.sell{background:#f8d7da;border:1px solid #dc3545;color:#721c24}.order-customer{display:flex;flex-direction:column;gap:.25rem}.order-customer strong{color:#495057}.customer-number{color:#6c757d;font-size:.85rem}.order-amounts{display:flex;flex-direction:column;gap:.5rem}.amount-item{align-items:center;display:flex;justify-content:space-between}.amount-label{color:#6c757d;font-size:.85rem}.amount-value{color:#212529;font-weight:600}.order-meta{color:#6c757d;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.expand-icon{color:#6c757d;font-size:1.2rem;text-align:center}.order-card-body{background:#f8f9fa;border-top:2px solid #e9ecef;padding:1.5rem}.order-details-section{margin-bottom:1.5rem}.order-details-section h4{color:#495057;margin-bottom:1rem}.linked-transactions-table{background:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.linked-transactions-table thead{background:#e9ecef}.linked-transactions-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:.75rem;text-align:left}.linked-transactions-table td{border-bottom:1px solid #e9ecef;padding:.75rem}.linked-transactions-table tfoot{background:#f8f9fa;font-weight:600}.linked-transactions-table tfoot td{border-bottom:none;border-top:2px solid #dee2e6}.tx-account{display:flex;flex-direction:column;gap:.25rem}.tx-account-name{color:#6c757d;font-size:.85rem}.tx-type-badge{border-radius:4px;display:inline-block;font-size:.85rem;padding:.25rem .5rem}.tx-type-badge.credit{background:#d4edda;color:#155724}.tx-type-badge.debit{background:#f8d7da;color:#721c24}.linked-transactions-table td.credit{color:#28a745;font-weight:600}.linked-transactions-table td.debit{color:#dc3545;font-weight:600}.no-linked-tx{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.order-actions{border-top:1px solid #dee2e6;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.text-success{color:#28a745}.text-danger{color:#dc3545}.loading{color:#6c757d;font-size:1.1rem;padding:3rem;text-align:center}.modal-content{box-shadow:0 10px 40px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #dee2e6;padding:1.5rem}.modal-header h3{color:#333}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:2rem;height:30px;line-height:1;padding:0;width:30px}.close-button:hover{color:#dc3545}.modal-body{padding:1.5rem}.edit-form .form-group{margin-bottom:1.5rem}.edit-form label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem}.form-control:focus{box-shadow:0 0 0 3px #007bff1a}.transactions-selector h4{color:#495057;margin-bottom:1rem}.transaction-item{align-items:center;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.transaction-item:hover{background:#f8f9fa;border-color:#007bff}.transaction-item.selected{background:#d4edda;border-color:#28a745}.tx-info{flex:1 1}.tx-meta{color:#6c757d;font-size:.85rem;margin-top:.25rem}.tx-amount{font-size:1.05rem;font-weight:700}.tx-amount.credit{color:#28a745}.tx-amount.debit{color:#dc3545}.modal-actions{border-top:1px solid #dee2e6;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.navbar{padding:.5rem 0}.navbar-content{padding:0 8px}.navbar-brand{font-size:1rem}.navbar-actions{gap:4px}.navbar-actions .btn{font-size:.7rem;padding:5px 8px}.order-history-content{margin:10px auto;padding:8px}.order-header{margin-bottom:10px}.order-header h1{font-size:1.1rem}.orders-list{background:#dee2e6;border-radius:6px;gap:2px;overflow:hidden}.order-card{border-bottom:1px solid #e9ecef;border-radius:0;box-shadow:none}.order-card:last-child{border-bottom:none}.order-card-header{grid-gap:4px 8px;align-items:center;display:grid;gap:4px 8px;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;padding:8px 10px}.order-main-info{display:flex;flex-direction:column;gap:2px;grid-column:1;grid-row:1/3;min-width:70px}.order-id-type{align-items:flex-start;flex-direction:column;gap:2px}.order-id{font-size:.75rem;font-weight:700}.order-type-badge{border-radius:3px;font-size:.55rem;padding:1px 4px}.order-customer{display:none}.order-amounts{grid-gap:2px 10px;background:#0000;border-radius:0;display:grid;gap:2px 10px;grid-column:2;grid-row:1/3;grid-template-columns:1fr 1fr;padding:0}.amount-item{display:flex;flex-direction:column;gap:0}.amount-label{color:#888;font-size:.55rem;min-width:auto}.amount-value{font-size:.7rem;font-weight:600;text-align:left}.order-amounts .amount-item:nth-child(3),.order-amounts .amount-item:nth-child(4){display:none}.order-meta{color:#888;flex-direction:column;font-size:.55rem;gap:0;grid-column:3;grid-row:1/3;min-width:60px;text-align:right}.expand-icon{color:#aaa;font-size:.8rem;grid-column:4;grid-row:1/3}.order-card{position:relative}.order-card-body{background:#f8f9fa;padding:10px}.order-details-section{margin-bottom:10px}.order-details-section h4{font-size:.8rem;margin-bottom:8px}.linked-transactions-table{-webkit-overflow-scrolling:touch;display:block;font-size:.65rem;overflow-x:auto}.linked-transactions-table td,.linked-transactions-table th{padding:4px 6px;white-space:nowrap}.tx-type-badge{font-size:.6rem;padding:1px 4px}.order-actions{flex-direction:row;flex-wrap:wrap;gap:4px;padding-top:8px}.order-actions .btn{flex:1 1;font-size:.7rem;min-width:calc(50% - 4px);padding:6px 8px}.modal-content{border-radius:8px;margin:10px;width:95%}.modal-header{padding:10px}.modal-header h3{font-size:.95rem}.modal-body{padding:10px}.edit-form .form-group{margin-bottom:10px}.edit-form label{font-size:.8rem}.form-control{font-size:.85rem;padding:8px}.transaction-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.6rem}.tx-info{width:100%}.tx-amount{font-size:.95rem}.tx-meta{font-size:.75rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width:480px){.navbar-brand{font-size:1rem}.order-header h1{font-size:1.1rem}.order-card-header{padding:.75rem}.order-id{font-size:.9rem}.amount-label{font-size:.7rem}.amount-value{font-size:.8rem}.linked-transactions-table td,.linked-transactions-table th{font-size:.7rem;padding:.4rem}}.task-tracking-container{background-color:#f5f6fa;min-height:100vh}.navbar{padding:1rem 2rem}.navbar-brand{font-size:1.5rem}.navbar-actions{gap:1rem}.task-tracking-content{margin:30px auto 0;max-width:1400px;padding:20px}.page-header{margin-bottom:2rem}.page-header h1{color:#2c3e50;font-size:2rem;margin:0 0 .5rem}.page-header p{color:#6c757d;margin:0}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;box-shadow:0 2px 8px #00000014;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-icon.claimed{background:#e3f2fd}.stat-icon.completed{background:#e8f5e9}.stat-icon.created{background:#fff3e0}.stat-icon.unclaimed{background:#fce4ec}.stat-info{display:flex;flex-direction:column}.stat-value{color:#2c3e50;font-size:1.75rem}.stat-label{color:#6c757d}.tabs-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tabs{border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden}.tab,.tabs{background:#fff;display:flex}.tab{align-items:center;border:none;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab:hover{background:#f8f9fa}.tab.active{background:#2c3e50;color:#fff}.tab-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.tab.active .tab-badge{background:#fff;color:#2c3e50}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{border-color:#6c757d}.filter-btn.active{background:#6c757d;color:#fff}.tasks-list{display:flex;flex-direction:column;gap:1rem}.empty-state,.loading-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:4rem 2rem;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#6c757d;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#2c3e50;margin:0 0 .5rem}.empty-state p{color:#6c757d;margin:0}.task-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s ease}.task-card:hover{box-shadow:0 4px 12px #0000001f}.task-card.completed{opacity:.7}.task-card.dismissed{opacity:.5}.task-header{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem}.task-card.pending .task-header{border-left-color:#ffc107}.task-card.completed .task-header{border-left-color:#28a745}.task-card.dismissed .task-header{border-left-color:#6c757d}.task-main-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.task-type-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.task-title{color:#2c3e50;font-weight:500}.status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 10px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.claimed{background:#cce5ff;color:#004085}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.dismissed{background:#e2e3e5;color:#383d41}.task-meta{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:1rem}.task-order{background:#e9ecef;border-radius:4px;padding:2px 8px}.expand-icon{transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.task-body{background:#fafbfc;border-top:1px solid #e9ecef;padding:1.5rem}.task-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.detail-group label{color:#6c757d;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.detail-group p{color:#2c3e50;margin:0}.detail-group .amount{color:#28a745;font-size:1.25rem;font-weight:600}.detail-group .account-number{color:#6c757d;font-family:monospace;font-size:.9rem}.detail-group .workflow-stage{color:#007bff;font-weight:500}.receipt-preview{margin-bottom:1.5rem}.receipt-preview label{color:#6c757d;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.receipt-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;max-height:200px;max-width:300px;transition:transform .2s ease}.receipt-preview img:hover{transform:scale(1.02)}.task-actions{border-top:1px solid #e9ecef;display:flex;gap:.75rem;padding-top:1rem}.btn{font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.banking-details-section{background:#f8f9fa;border:2px solid #007bff;border-radius:8px;grid-column:1/-1;padding:1rem}.banking-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.banking-details-header label{color:#007bff;font-weight:600;margin-bottom:0}.copy-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.copy-button:hover{background:#0056b3}.banking-details-content{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.banking-detail-item{display:flex;flex-direction:column;gap:.25rem}.banking-label{color:#6c757d;font-size:.75rem;text-transform:uppercase}.banking-value{color:#2c3e50;font-size:.95rem;font-weight:500}@media (max-width:768px){.task-tracking-content{padding:12px}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.25rem}.page-header p{font-size:.85rem}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.stat-card{border-radius:10px;gap:10px;padding:12px}.stat-icon{border-radius:8px;font-size:1rem;height:36px;width:36px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.tabs-container{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:1rem}.tabs{width:100%}.tab{flex:1 1;font-size:.85rem;padding:10px 12px}.filter-buttons,.tab{justify-content:center}.filter-btn{font-size:.8rem;padding:8px 12px}.task-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:12px}.task-meta{font-size:.8rem;justify-content:space-between;width:100%}.task-actions{flex-wrap:wrap}.task-actions .btn{flex:1 1;font-size:.8rem;min-width:100px;padding:8px 12px}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}}.transaction-history-page{background:#f5f6fa;min-height:100vh}.navbar{background:#2c3e50;padding:12px 20px}.navbar-brand{font-size:1.3rem}.navbar-actions{gap:10px}.navbar-actions .btn{font-size:.85rem;padding:6px 14px}.page-content{margin:30px auto 0;max-width:1400px;padding:20px}.page-header{margin-bottom:15px}.page-header h1{color:#333;font-size:1.5rem;margin:0 0 5px}.page-subtitle{color:#666;font-size:.9rem;margin:0}.filters-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:12px 15px}.filter-row{flex-wrap:wrap;gap:15px}.filter-group,.filter-row{align-items:center;display:flex}.filter-group{gap:6px}.filter-group label{color:#555;font-size:.85rem;font-weight:500}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.85rem;padding:5px 10px}.search-form{display:flex;flex:1 1;gap:6px;max-width:300px}.search-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.85rem;padding:5px 10px}.transactions-table-container{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.transactions-table{border-collapse:collapse;font-size:.8rem;table-layout:fixed;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #eee;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis}.transactions-table td:first-child,.transactions-table th:first-child{width:12%}.transactions-table td:nth-child(2),.transactions-table th:nth-child(2){width:7%}.transactions-table td:nth-child(3),.transactions-table th:nth-child(3){width:6%}.transactions-table td:nth-child(4),.transactions-table th:nth-child(4){width:14%}.transactions-table td:nth-child(5),.transactions-table th:nth-child(5){width:12%}.transactions-table td:nth-child(6),.transactions-table th:nth-child(6){width:18%}.transactions-table td:nth-child(7),.transactions-table th:nth-child(7){width:12%}.transactions-table td:nth-child(8),.transactions-table th:nth-child(8){text-align:center;width:8%}.transactions-table th{background:#f8f9fa;color:#333;font-size:.75rem;font-weight:600;letter-spacing:.3px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.transactions-table tbody tr:hover{background:#f8f9fa}.transactions-table tbody tr.assigned{background:#28a74508}.transactions-table tbody tr.unassigned{background:#ffc10708}.badge{align-items:center;border-radius:3px;display:inline-flex;font-size:.7rem;font-weight:500;gap:3px;padding:2px 6px}.badge-money{background:#e8f5e9;color:#2e7d32}.badge-crypto{background:#fff3e0;color:#e65100}.badge-blockchain{background:#e3f2fd;color:#1565c0}.type-badge{border-radius:3px;font-size:.7rem;font-weight:600;padding:2px 6px}.type-badge.credit{background:#d4edda;color:#155724}.type-badge.debit{background:#f8d7da;color:#721c24}.date-cell{color:#666;font-size:.75rem;min-width:110px}.amount-cell{font-family:Monaco,Consolas,monospace;font-size:.8rem;font-weight:600;min-width:100px}.amount-cell.credit{color:#28a745}.amount-cell.debit{color:#dc3545}.account-cell{color:#555;font-size:.75rem;max-width:100px}.account-cell,.description-cell{min-width:80px;overflow:hidden;text-overflow:ellipsis}.description-cell{max-width:120px}.actions-cell{min-width:70px;text-align:center}.tx-hash{color:#888;font-family:monospace;font-size:.65rem}.customer-cell .customer-info{display:flex;flex-direction:column}.customer-cell .customer-name{color:#333;font-size:.8rem;font-weight:500}.customer-cell .customer-number{color:#888;font-size:.7rem}.customer-cell .not-assigned{color:#999;font-size:.75rem;font-style:italic}.btn{border-radius:4px;font-size:.8rem;padding:6px 12px}.btn-sm{font-size:.75rem;padding:3px 8px}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745}.btn-success:hover{background:#1e7e34}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-info{background:#17a2b8}.btn-info:hover{background:#138496}.action-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.swap-badge{background:#e8f5e9;border-radius:3px;color:#2e7d32;font-size:.7rem;font-weight:500;padding:2px 6px}.loading,.no-data{color:#666;padding:30px;text-align:center}.modal-overlay{background:#00000080}.modal-content{border-radius:8px;max-height:80vh;max-width:450px;width:90%}.modal-header{border-bottom:1px solid #eee;padding:12px 15px}.modal-header h3{font-size:1.1rem}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.3rem}.modal-body{padding:15px}.selected-tx-info{background:#f8f9fa;border-radius:5px;margin-bottom:12px;padding:12px}.selected-tx-info p{font-size:.85rem;margin:4px 0}.customer-search input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px 10px;width:100%}.search-loading{color:#666;font-size:.85rem;padding:8px}.customer-results{display:flex;flex-direction:column;gap:6px}.customer-result-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s}.customer-result-btn:hover{background:#f0f7ff;border-color:#007bff}.customer-result-btn:disabled{cursor:not-allowed;opacity:.5}.customer-result-btn .customer-name{font-size:.9rem;font-weight:500}.customer-result-btn .customer-number{color:#666;font-size:.85rem}.swap-modal{max-width:500px}.swap-info{margin-bottom:15px}.swap-explanation{background:#e3f2fd;border-radius:5px;color:#1565c0;font-size:.85rem;line-height:1.4;margin:0;padding:10px 12px}.destination-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.destination-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s}.destination-btn:hover{background:#f0f7ff;border-color:#17a2b8}.destination-btn:disabled{cursor:not-allowed;opacity:.5}.destination-btn .dest-name{color:#333;font-size:.9rem;font-weight:500}.destination-btn .dest-balance{color:#666;font-family:Monaco,Consolas,monospace;font-size:.85rem}@media (max-width:768px){.navbar{padding:10px 15px}.navbar-brand{font-size:1.1rem}.navbar-actions{gap:6px}.navbar-actions .btn{font-size:.75rem;padding:5px 10px}.page-content{padding:10px 12px}.page-header h1{font-size:1.25rem}.page-subtitle{font-size:.8rem}.filters-section{padding:10px 12px}.filter-row{align-items:stretch;flex-direction:column;gap:10px}.filter-group{align-items:flex-start;flex-direction:column;gap:4px}.filter-group select{width:100%}.search-form{flex-direction:column;max-width:none}.search-form input{width:100%}.transactions-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.transactions-table{font-size:.7rem;min-width:700px;table-layout:auto}.transactions-table td,.transactions-table th{padding:6px;white-space:nowrap}.date-cell,.transactions-table th{font-size:.65rem}.amount-cell{font-size:.7rem}.badge,.type-badge{font-size:.6rem;padding:2px 4px}.btn-sm{font-size:.65rem;padding:2px 6px}.action-buttons{flex-direction:column;gap:2px}.modal-content{margin:10px;width:95%}.modal-header{padding:10px 12px}.modal-header h3{font-size:1rem}.modal-body{padding:12px}}@media (max-width:480px){.navbar-brand{font-size:1rem}.page-header h1{font-size:1.1rem}.transactions-table{font-size:.65rem;min-width:600px}}.server-logs-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh}.logs-content{margin:30px auto 0;max-width:1400px;padding:20px}.logs-header{margin-bottom:24px}.logs-header h2{color:#fff;font-size:1.75rem;margin:0 0 8px}.logs-header p{color:#a0aec0;font-size:.95rem;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center}.stat-card.error{background:#dc354533;border-color:#dc35454d}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-card.error .stat-value{color:#ff6b6b}.stat-label{color:#a0aec0;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.filters-bar{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.filter-input,.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 14px}.filter-select option{background:#1a1a2e;color:#fff}.filter-input{flex:1 1;min-width:200px}.filter-input::placeholder{color:#6c757d}.auto-refresh-toggle{align-items:center;color:#a0aec0;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.auto-refresh-toggle input{cursor:pointer;height:16px;width:16px}.btn-small{font-size:.8rem!important;padding:8px 12px!important}.logs-table-container{background:#ffffff0d;border-radius:12px;margin-bottom:24px;overflow:hidden}.logs-table{border-collapse:collapse;font-size:.85rem;width:100%}.logs-table th{background:#0000004d;color:#a0aec0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:14px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.logs-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;padding:12px;vertical-align:top}.log-row:hover{background:#ffffff0d}.log-row.level-crash,.log-row.level-db_error,.log-row.level-error{background:#dc35451a}.log-row.level-warn{background:#ffc1071a}.timestamp{color:#6c757d;font-family:Monaco,Menlo,monospace;font-size:.8rem;white-space:nowrap}.level-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.category{color:#17a2b8;font-weight:500;white-space:nowrap}.message{max-width:400px;word-break:break-word}.user{color:#a0aec0;white-space:nowrap}.details details{cursor:pointer}.details summary{color:#17a2b8;cursor:pointer;font-size:.8rem;-webkit-user-select:none;user-select:none}.details pre{background:#0000004d;border-radius:6px;color:#e0e0e0;font-size:.75rem;margin-top:8px;max-width:400px;overflow-x:auto;padding:10px}.recent-errors{background:#dc35451a;border:1px solid #dc35454d;border-radius:12px;padding:20px}.recent-errors h3{color:#ff6b6b;font-size:1.1rem;margin:0 0 16px}.error-list{display:flex;flex-direction:column;gap:10px}.error-item{align-items:flex-start;background:#0003;border-radius:8px;display:flex;font-size:.85rem;gap:16px;padding:10px}.error-time{color:#6c757d;font-family:monospace;font-size:.8rem;white-space:nowrap}.error-category{color:#e83e8c;font-weight:500;white-space:nowrap}.error-message{color:#ff6b6b;flex:1 1;word-break:break-word}.loading,.no-logs{color:#a0aec0;padding:60px 20px;text-align:center}.access-denied{color:#fff;padding:100px 20px;text-align:center}.access-denied h2{color:#ff6b6b;margin-bottom:16px}.access-denied p{color:#a0aec0;margin-bottom:24px}.log-files-section{background:#ffffff0d;border-radius:12px;margin-bottom:20px;padding:16px}.log-files-section h4{color:#fff;font-size:1rem;margin:0 0 12px}.log-files-list{display:flex;flex-wrap:wrap;gap:8px}.log-file-btn{background:#28a74533;border:1px solid #28a74566;border-radius:6px;color:#a8e6cf;cursor:pointer;font-size:.8rem;padding:8px 14px;transition:all .2s}.log-file-btn:hover{background:#28a74566;border-color:#28a74599}.source-select{background:#17a2b833!important;border-color:#17a2b866!important}.btn-success{border:none}.btn-success:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:768px){.logs-content{padding:16px}.logs-header h2{font-size:1.3rem}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.filters-bar{flex-direction:column;padding:12px}.filter-input,.filter-select{width:100%}.filter-input{min-width:0;min-width:auto}.auto-refresh-toggle{justify-content:center;width:100%}.logs-table-container{overflow-x:auto}.logs-table{font-size:.75rem;min-width:800px}.logs-table td,.logs-table th{padding:10px 8px}.message{max-width:200px}.error-item{flex-direction:column;gap:4px}}@media (max-width:480px){.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:10px}.stat-value{font-size:1.25rem}.logs-header h2{font-size:1.1rem}}.btn-ai-browse{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.8rem!important;padding:8px 14px!important;transition:all .3s ease}.btn-ai-browse:hover{box-shadow:0 4px 16px #667eea80;transform:translateY(-2px)}.btn-ai-browse:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-summary-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-summary-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #667eea4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.ai-summary-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:20px 24px}.ai-summary-header h3{color:#fff;font-size:1.3rem;margin:0}.ai-summary-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.ai-summary-header .close-btn:hover{background:#ffffff4d}.ai-summary-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.ai-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.ai-stat{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center}.ai-stat.error{background:#dc354526;border-color:#dc35454d}.ai-stat-value{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.ai-stat.error .ai-stat-value{color:#ff6b6b}.ai-stat-label{color:#a0aec0;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.ai-section{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:16px}.ai-section.errors{background:#dc35451a;border-color:#dc354533}.ai-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.ai-user-list{display:flex;flex-wrap:wrap;gap:8px}.ai-user-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:6px 12px}.ai-error-list{display:flex;flex-direction:column;gap:8px}.ai-error-item{align-items:flex-start;background:#0003;border-radius:8px;display:flex;gap:12px;padding:10px}.ai-error-time{color:#6c757d;font-family:Monaco,Menlo,monospace;font-size:.75rem;white-space:nowrap}.ai-error-msg{color:#ff6b6b;flex:1 1;font-size:.85rem}.ai-auth-list{display:flex;flex-direction:column;gap:6px}.ai-auth-item{align-items:center;background:#00000026;border-radius:6px;display:flex;font-size:.8rem;gap:12px;padding:8px 10px}.ai-auth-time{color:#6c757d;font-family:monospace;font-size:.75rem}.ai-auth-cat{color:#fd7e14;font-weight:500;white-space:nowrap}.ai-auth-msg{color:#a0aec0;flex:1 1}.ai-timeline{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ai-timeline-item{grid-gap:12px;align-items:center;background:#00000026;border-left:3px solid #0000;border-radius:6px;display:grid;font-size:.8rem;gap:12px;grid-template-columns:100px 50px 80px 1fr;padding:8px 10px}.ai-timeline-item.level-crash,.ai-timeline-item.level-error{background:#dc35451a;border-left-color:#dc3545}.ai-timeline-item.level-warn{background:#ffc1071a;border-left-color:#ffc107}.ai-timeline-item.level-auth{border-left-color:#fd7e14}.ai-tl-time{color:#6c757d;font-family:monospace;font-size:.75rem}.ai-tl-level{border-radius:4px;font-size:.65rem;font-weight:600;padding:2px 6px;text-align:center;text-transform:uppercase}.ai-tl-level.info{background:#17a2b84d;color:#17a2b8}.ai-tl-level.warn{background:#ffc1074d;color:#ffc107}.ai-tl-level.error{background:#dc35454d;color:#dc3545}.ai-tl-level.auth{background:#fd7e144d;color:#fd7e14}.ai-tl-level.crash{background:#dc354580;color:#fff}.ai-tl-user{color:#667eea;font-weight:500}.ai-tl-msg{color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-raw-summary{background:#0006;border:1px solid #ffffff1a;border-radius:8px;color:#a0aec0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.7rem;line-height:1.5;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap}@media (max-width:768px){.ai-summary-modal{max-height:95vh}.ai-stats-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.ai-stat{padding:12px}.ai-stat-value{font-size:1.5rem}.ai-timeline-item{gap:4px;grid-template-columns:1fr}.ai-tl-level,.ai-tl-time,.ai-tl-user{font-size:.7rem}}.platform-management{background-color:#f5f6fa;min-height:100vh}.platform-content{margin:30px auto 0;max-width:1400px;padding:20px}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:5px;color:#c00;font-weight:500;margin-bottom:20px;padding:12px 20px}.platform-tabs{background:#fff;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;gap:0;margin-bottom:1.5rem;padding:0 1rem}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:-2px;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab-btn:hover{background-color:#f8f9fa;color:#2c3e50}.tab-btn.active{background-color:initial;border-bottom-color:#3498db;color:#2c3e50;font-weight:600}.tab-btn .badge{background:#dc3545;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;min-width:20px;padding:3px 8px;text-align:center}.section-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.section-header h2{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.filter-select{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;min-width:140px;padding:10px 16px}.filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.account-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.account-card:hover{border-color:#3498db;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.account-card.selected{border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.card-top{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.card-body{flex:1 1;padding:16px 20px}.account-card h3{color:#2c3e50;font-size:1.15rem;font-weight:600;margin:0 0 6px}.account-desc{color:#666;font-size:.9rem;line-height:1.4;margin:0}.handler-section{align-items:center;border-top:1px solid #f0f0f0;display:flex;font-size:.85rem;gap:8px;padding:10px 20px}.handler-section.has-handler{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.handler-section.no-handler{background:#fff8e1}.handler-label{color:#2e7d32;font-weight:500}.handler-name{color:#1b5e20;font-weight:600}.handler-name.is-me{background:#e3f2fd;border-radius:4px;color:#1565c0;padding:2px 8px}.no-handler-text{color:#f57c00;font-style:italic}.card-footer{background:#f8f9fa;border-top:1px solid #f0f0f0;color:#666;font-size:.85rem;justify-content:space-between;padding:12px 20px}.card-footer,.footer-left{align-items:center;display:flex;gap:8px}.meta-icon{font-size:.9rem}.btn-claim{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .2s}.btn-claim.btn-take{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.btn-claim.btn-take:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-1px)}.btn-claim.btn-release{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-claim.btn-release:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-1px)}.account-card.my-handling{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.account-card.my-handling .card-top{background:linear-gradient(135deg,#e8f5e9,#fff)}.form-hint{border-radius:4px;font-size:.8rem;margin-top:6px;padding:8px 12px}.form-hint.warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:16px}.form-section h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 16px}.screenshot-dropzone{align-items:center;background:#fafbfc;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:30px 20px;text-align:center;transition:all .3s ease}.screenshot-dropzone:hover{background:#f0f7ff;border-color:#3498db}.screenshot-dropzone.processing{background:#fffef0;border-color:#ffc107;cursor:wait}.screenshot-dropzone.has-preview{background:#fff;border-color:#28a745;border-style:solid;padding:10px}.dropzone-content{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px}.dropzone-icon{font-size:2rem}.dropzone-hint{color:#999;font-size:.8rem}.dropzone-preview{display:flex;justify-content:center;max-height:300px;position:relative;width:100%}.dropzone-preview img{border-radius:4px;max-height:280px;max-width:100%;object-fit:contain}.remove-preview{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s;width:28px}.remove-preview:hover{background:#c82333;transform:scale(1.1)}.bank-details-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:8px;margin:16px 0;padding:16px}.bank-details-section h4{color:#e65100;font-size:1rem;margin:0 0 12px}.copyable{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s}.copyable:hover{background:#e3f2fd;border-color:#2196f3}.customer-banks-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.customer-banks-section .section-header h4{margin:0}.bank-account-entry{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:16px}.bank-entry-header{align-items:center;color:#495057;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.bank-total-summary{background:#e9ecef;border-radius:8px;margin-top:16px;padding:12px 16px}.summary-row{display:flex;justify-content:space-between;padding:4px 0}.summary-row .amount{font-weight:600}.summary-row.balanced{color:#28a745}.summary-row.unbalanced{color:#dc3545}.summary-row.remaining{color:#ffc107;font-weight:600}.bank-account-detail{background:#fff;border:1px solid #ffe0b2;border-radius:6px;margin-bottom:10px;padding:12px}.bank-account-detail .account-header{border-bottom:1px solid #ffe0b2;color:#e65100;font-weight:600;margin-bottom:8px;padding-bottom:6px}.bank-account-detail .amount{color:#28a745;font-weight:700}.bank-simple-row{align-items:flex-start;display:flex;gap:16px}.bank-simple-row .flex-grow{flex:1 1}.bank-simple-row .amount-field{flex-shrink:0;width:150px}.bank-simple-row textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;min-height:80px;padding:10px;resize:vertical;width:100%}.bank-simple-row textarea:focus{border-color:#3498db;outline:none}.account-details-display{align-items:flex-start;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px}.account-details-display pre{flex:1 1;font-family:inherit;font-size:.95rem;margin:0;white-space:pre-wrap}.account-details-display .copy-icon{font-size:1rem}.claim-task-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:16px;text-align:center}.claim-task-notice p{color:#856404;margin:0 0 12px}.claim-task-notice .claimed-by-other{color:#dc3545;font-size:.9rem}.claim-task-notice .btn{margin-top:8px}.account-details-display:hover{background:#e3f2fd}.btn-sm{padding:4px 10px}.button-select-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.btn-select{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:12px 20px;text-align:center;transition:all .2s ease}.btn-select:hover{background:#f0f7ff;border-color:#3498db}.btn-select.active{background:#3498db;border-color:#3498db;color:#fff}.btn-select .btn-icon{font-size:1.5rem;margin-bottom:4px}.btn-select .btn-desc{font-size:.75rem;opacity:.8}.btn-select .platform-icon{border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:4px;padding:2px 8px}.btn-select .platform-icon.binance{background:#f0b90b;color:#1e2329}.btn-select .platform-icon.bybit{background:#f7a600;color:#fff}.btn-select .platform-icon.bitget{background:#00f0ff;color:#1e2329}.btn-select .platform-icon.htx{background:#1652f0;color:#fff}.btn-select.active .platform-icon{background:#ffffff4d;color:#fff}.btn-select .account-label{font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crypto-buttons{gap:8px}.crypto-buttons .btn-select{font-weight:600;min-width:80px;padding:10px 16px}.crypto-buttons .btn-select.active{background:#28a745;border-color:#28a745}.bank-select-group{display:flex;flex-wrap:wrap;gap:10px}.bank-select-btn{min-width:140px;padding:12px 16px;text-align:left}.bank-select-btn .bank-name{color:#2c3e50;font-size:.95rem;font-weight:700}.bank-select-btn .account-holder{color:#555;font-size:.8rem;margin-top:4px}.bank-select-btn .account-number{color:#888;font-family:monospace;font-size:.75rem;margin-top:2px}.bank-select-btn.active{background:#27ae60;border-color:#27ae60}.bank-select-btn.active .account-holder,.bank-select-btn.active .account-number,.bank-select-btn.active .bank-name{color:#fff}.no-banks-warning{background:#fff3cd;border-radius:6px;color:#856404;font-size:.9rem;margin:0;padding:12px}.inactive-badge{background:#f8d7da;border-radius:4px;color:#721c24;font-size:.75rem;font-weight:500;padding:4px 10px}.platform-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.platform-badge.binance{background:linear-gradient(135deg,#f3ba2f,#f0b90b);color:#1a1a1a}.platform-badge.bitget{background:linear-gradient(135deg,#00d4aa,#00c49a);color:#1a1a1a}.platform-badge.bybit{background:linear-gradient(135deg,#ff9c00,#f59300);color:#1a1a1a}.platform-badge.htx{background:linear-gradient(135deg,#1f80e0,#1a70c8);color:#fff}.platform-badge.small{border-radius:4px;font-size:.65rem;margin-right:8px;padding:3px 8px}.account-name{color:#333;font-weight:500}.account-details-panel{background:#fff;border:2px solid #3498db;border-radius:12px;box-shadow:0 4px 16px #3498db1a;margin-top:24px;overflow:hidden;padding:0}.panel-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.panel-header h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.btn-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-close:hover{background:#e0e0e0;color:#333}.wallets-list{padding:24px}.wallets-list h4{color:#2c3e50;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.wallet-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px 20px;transition:all .2s}.wallet-item:hover{background:#f0f4f8;border-color:#d0d8e0}.wallet-name{color:#2c3e50;font-size:1rem;font-weight:600}.wallet-balances{display:flex;flex-wrap:wrap;gap:10px}.balance-tag{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8daad;border-radius:6px;color:#155724;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;font-weight:600;padding:6px 14px}.no-balance{color:#999;font-size:.9rem;font-style:italic}.panel-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;margin-top:0;padding:20px 24px}.orders-table-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:14px 16px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:14px 16px;vertical-align:middle}.orders-table tr:hover{background:#f8f9fa}.orders-table tr:last-child td{border-bottom:none}.fiat-amount{color:#666;font-size:.8rem;margin-top:4px}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 12px;text-transform:capitalize}.status-pending{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:1px solid #ffc107;color:#856404}.status-approved{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;color:#155724}.status-rejected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #dc3545;color:#721c24}.status-cancelled{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:1px solid #adb5bd;color:#6c757d}.status-paid{background:linear-gradient(135deg,#cce5ff,#b8daff);border:1px solid #007bff;color:#004085}.status-completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;color:#155724}.status-abandoned{background:linear-gradient(135deg,#f5d0c5,#f0b8a8);border:1px solid #e07c5f;color:#9c4a3a}.workflow-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #ced4da;border-radius:8px;margin-top:20px;padding:20px}.workflow-section h4{color:#212529;color:var(--text-color,#212529);font-size:1.1rem;margin:0 0 16px}.workflow-section.workflow-section-subtle{background:#0000;border:none;margin-top:10px;padding:10px 0 0}.workflow-info{background:#e7f3ff;border-radius:6px;color:#004085;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.workflow-hint{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:12px}.workflow-actions{display:flex;flex-wrap:wrap;gap:12px}.workflow-actions .btn-lg{font-size:1.1rem;padding:14px 28px}.receipt-preview{margin-top:12px;max-width:300px}.receipt-preview img{border:1px solid #ced4da;border-radius:6px;width:100%}.abandon-link{margin-top:16px;text-align:center}.text-link{cursor:pointer;font-size:.85rem;text-decoration:underline}.text-link:hover{color:#dc3545}.text-muted{color:#6c757d}.abandon-form{background:#fff5f5;border:1px solid #f5c6cb;border-radius:6px;margin-top:16px;padding:16px}.abandon-form .form-group{margin-bottom:12px}.abandon-form textarea{border:1px solid #ced4da;border-radius:4px;min-height:80px;padding:10px;resize:vertical;width:100%}.abandon-actions{display:flex;gap:10px}.btn-sm{font-size:.85rem;padding:6px 14px}.empty-state{background:#fff;border:2px dashed #dee2e6;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:1rem;margin:8px 0}.empty-state p:first-child{color:#2c3e50;font-size:1.1rem;font-weight:500}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;transition:all .2s}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#2471a3)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268)}.btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#4e555b)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130)}.btn-success{background:linear-gradient(135deg,#28a745,#218838)}.btn-success:hover{background:linear-gradient(135deg,#218838,#1e7e34)}.btn-small{font-size:.8rem;margin-right:6px}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.modal-large{max-width:700px}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.modal-body{padding:24px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;font-size:1rem;padding:12px 14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-group input[type=file]{border-style:dashed;padding:10px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.file-preview{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8daad;border-radius:6px;color:#155724;font-size:.9rem;margin-top:10px;padding:10px 14px}.order-details{display:flex;flex-direction:column;gap:0}.detail-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-size:.9rem;font-weight:500;min-width:140px}.detail-row .value{color:#2c3e50;flex:1 1;font-weight:500}.screenshot-section{border-top:2px solid #e9ecef;margin-top:24px;padding-top:24px}.screenshot-section h4{color:#2c3e50;font-size:1rem;margin-bottom:16px}.order-screenshot{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:400px;max-width:100%}.review-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin-top:24px;padding:20px}.review-section h4{color:#1565c0;font-size:1rem;margin:0 0 16px}.review-actions{display:flex;gap:12px;margin-top:16px}@media (max-width:768px){.platform-content{margin:10px auto 0;padding:10px 8px}.platform-tabs{border-radius:8px 8px 0 0;gap:0;margin-bottom:12px;padding:0}.tab-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:12px 14px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.section-header h2{font-size:1.2rem}.header-actions{flex-wrap:wrap;width:100%}.accounts-grid{gap:16px;grid-template-columns:1fr}.account-card h3{font-size:1rem;padding:10px 16px}.account-header{padding:12px 16px 10px}.orders-table{font-size:.8rem}.orders-table td,.orders-table th{padding:10px 12px}.form-row{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:6px}.detail-row .label{font-size:.85rem;min-width:auto}.modal-content{margin:8px;width:95%}.modal-footer,.modal-header{padding:14px 16px}.modal-body,.wallets-list{padding:16px}.wallet-item{padding:12px 14px}.panel-actions,.panel-header{padding:16px}}.payments-list{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.payments-list h5{color:#2c3e50;font-size:.95rem;margin:0 0 12px}.payment-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 14px}.payment-item:last-of-type{margin-bottom:12px}.payment-info{align-items:center;display:flex;gap:12px}.payment-index{background:#3498db;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:2px 8px}.payment-bank{color:#2c3e50;font-weight:500}.payment-amount{color:#27ae60;font-weight:700}.payment-actions{display:flex;gap:8px}.btn-view-receipt{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:4px 8px;text-decoration:none}.btn-view-receipt:hover{background:#2980b9}.btn-delete-payment{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 8px}.btn-delete-payment:hover{background:#c0392b}.payments-summary{align-items:center;border-top:1px solid #e9ecef;display:flex;font-size:.95rem;gap:8px;padding-top:12px}.payments-summary strong{font-size:1.1rem}.payments-summary .text-success{color:#27ae60}.payments-summary .text-warning{color:#f39c12}.add-payment-form{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.add-payment-form h5{color:#2c3e50;font-size:.95rem;margin:0 0 16px}.add-payment-form .form-group{margin-bottom:16px}.add-payment-form .screenshot-dropzone{min-height:80px}.add-payment-form .dropzone-content span{font-size:.85rem}.workflow-section hr{border:none;border-top:1px solid #e9ecef;margin:20px 0}.initial-balances-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:24px;padding:16px}.initial-balances-section h4{color:#2c3e50;font-size:1rem;margin:0 0 8px}.initial-balances-section .form-hint{color:#6c757d;font-size:.85rem;margin:0 0 16px}.wallet-balance-group{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:12px;padding:12px 16px}.wallet-balance-group:last-child{margin-bottom:0}.wallet-label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.balance-inputs{display:flex;flex-wrap:wrap;gap:12px}.balance-input-row{align-items:center;display:flex;flex:1 1;gap:8px;min-width:120px}.balance-input-row .crypto-label{color:#6c757d;font-size:.8rem;font-weight:600;min-width:45px}.balance-input-row input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 10px;width:100%}.balance-input-row input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#666;font-size:1.2rem}.container{margin:30px auto 0;max-width:1400px;padding:0 20px}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-small{font-size:14px;padding:6px 12px}.form-group{margin-bottom:15px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#007bff;outline:none}select.form-control{cursor:pointer}.table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.table td,.table th{padding:12px 15px;text-align:left}.table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600}.table th,.table tr:hover{background-color:#f8f9fa}.table td{border-bottom:1px solid #dee2e6}.alert{border-radius:5px;margin-bottom:20px;padding:12px 20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.card-header{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.text-success{color:#28a745!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.text-info{color:#17a2b8!important}@media (max-width:768px){body{font-size:14px}.container{padding:0 12px}.btn{font-size:14px;padding:8px 14px}.btn-small{font-size:12px;padding:5px 10px}.form-control{font-size:14px;padding:8px 10px}.form-label,.table{font-size:13px}.table td,.table th{padding:8px 10px}.card{margin-bottom:15px;padding:15px}.card-header{font-size:1.2rem;margin-bottom:15px}.alert{font-size:13px;margin-bottom:15px;padding:10px 15px}.loading-spinner{font-size:1rem}}@media (max-width:480px){.btn,body{font-size:13px}.btn{padding:7px 12px}.btn-small{font-size:11px;padding:4px 8px}.form-control{font-size:13px;padding:7px 9px}.table{font-size:12px}.table td,.table th{padding:6px 8px}.card{padding:12px}.card-header{font-size:1.1rem}}.role-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}@media (max-width:768px){.role-badge{font-size:11px;padding:3px 8px}}@media (max-width:480px){.role-badge{font-size:10px;padding:2px 6px}}.navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 16px}.navbar-brand{color:#fff;font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap}.navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.navbar-actions .btn{font-size:.8rem;padding:6px 12px}.user-details-header{align-items:center;display:flex;gap:12px}.user-info-item{align-items:center;display:flex;gap:4px}.detail-label-header{color:#b0b0b0;font-size:.75rem;font-weight:500}.detail-value-header{color:#fff;font-size:.8rem}.role-badge-header{border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:4px 8px}@media (max-width:768px){.navbar{padding:.5rem 0}.navbar-content{flex-wrap:wrap;padding:0 10px}.navbar-brand{font-size:1rem}.navbar-toggle{display:block}.navbar-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;width:100%}.navbar-actions.collapsed{display:none}.navbar-actions .btn{font-size:.8rem;padding:8px 12px;text-align:center;width:100%}.user-details-header{background:#0003;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:4px;padding:8px;width:100%}.user-info-item{justify-content:space-between;width:100%}.detail-label-header{font-size:.7rem}.detail-value-header{font-size:.75rem}.role-badge-header{font-size:.65rem;padding:2px 6px}}@media (max-width:480px){.navbar-brand{font-size:.9rem}.navbar-actions .btn{font-size:.75rem;padding:6px 10px}}
/*# sourceMappingURL=main.8a4f2862.css.map*/