.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:5px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.company-info-section{background-color:#fff;border-bottom:1px solid #dee2e6;padding:20px}.company-info-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.company-info-header h3{color:#495057;margin:0;font-size:18px;font-weight:600}.btn-edit{color:#fff;background-color:#6f42c1}.btn-edit:hover{background-color:#5a2d91}.company-info-view{flex-wrap:wrap;gap:30px;display:flex}.info-item{align-items:center;gap:8px;display:flex}.info-item label{color:#495057;min-width:80px;font-weight:600}.info-item span{color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px}.company-info-edit{max-width:600px}.edit-group{align-items:center;gap:15px;margin-bottom:15px;display:flex}.edit-group label{color:#495057;min-width:80px;font-weight:600}.edit-group input{border:1px solid #ced4da;border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.edit-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.edit-buttons{gap:10px;margin-top:20px;display:flex}.btn-save{color:#fff;background-color:#28a745}.btn-save:hover{background-color:#218838}.btn-cancel{color:#fff;background-color:#6c757d}.btn-cancel:hover{background-color:#5a6268}.status-pending{color:#856404;background-color:#fff3cd}.status-verify-req{color:#fff;background-color:#007bff}.status-completed{color:#155724;background-color:#d4edda}.status-cancelled{color:#721c24;background-color:#f8d7da}.gift-type-badge{color:#1565c0;background-color:#e3f2fd;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:500}.amount{color:#28a745;font-weight:600}.status-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.status-btn-complete{color:#fff;background-color:#28a745}.status-btn-complete:hover{background-color:#218838}.status-btn-cancel{color:#fff;background-color:#dc3545}.status-btn-cancel:hover{background-color:#c82333}.retry-btn{color:#212529;cursor:pointer;background-color:#ffc107;border:none;border-radius:3px;margin-left:5px;padding:2px 6px;font-size:10px}.retry-btn:hover{background-color:#e0a800}.nav-item{cursor:pointer;background:#fff3;border:1px solid #0000;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;color:#fff!important}.nav-active{cursor:pointer;border:1px solid #ffffff4d;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 4px #0000001a;color:#fff!important;background:#fff6!important}.payment-grid{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.payment-image-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.payment-image-section h4{color:#495057;text-align:center;margin:0 0 20px;font-size:16px;font-weight:600}.current-image-container{text-align:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:15px}.current-image-container .image-info{color:#6c757d;margin-top:10px;font-size:12px}.payment-qr-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:300px;box-shadow:0 4px 16px #00000026}.no-image-placeholder{text-align:center;color:#6c757d;padding:40px 20px}.placeholder-icon{opacity:.5;margin-bottom:15px;font-size:48px}.image-upload-area{text-align:center;cursor:pointer;border:3px dashed #dee2e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:30px;transition:all .3s;display:flex;position:relative}.image-upload-area:hover{background:#f0f4ff;border-color:#667eea}.upload-placeholder{text-align:center}.upload-icon{color:#667eea;margin-bottom:15px;font-size:48px}.upload-text{color:#495057;margin-bottom:8px;font-size:16px;font-weight:600}.upload-info{color:#6c757d;font-size:12px}.image-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.payment-text-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:25px}.payment-text-section h4{color:#495057;text-align:center;margin:0 0 20px;font-size:16px;font-weight:600}.edit-field{margin-bottom:25px}.edit-field:last-child{margin-bottom:0}.edit-field label{color:#495057;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.edit-field input,.edit-field textarea{border:2px solid #e9ecef;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.edit-field input:focus,.edit-field textarea:focus{background:#fafbff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.edit-field textarea{resize:vertical;min-height:120px}.text-actions{justify-content:center;gap:10px;margin-top:25px;display:flex}@media (max-width:768px){.container{border-radius:0;margin:10px}.user-info{justify-content:center;margin-bottom:15px;position:static}.search-form{flex-direction:column;align-items:stretch}.search-group{width:100%}.search-group input,.search-group select{width:100%;min-width:auto}.search-buttons{justify-content:center;margin-top:10px}.company-info-view{flex-direction:column;gap:15px}.info-item{flex-direction:column;align-items:flex-start;gap:5px}.info-item label{min-width:auto}.edit-group{flex-direction:column;align-items:flex-start;gap:8px}.edit-group label{min-width:auto}.edit-buttons{justify-content:center}.stats{text-align:center;flex-direction:column;gap:10px}th,td{padding:8px 6px;font-size:12px}.header h1{font-size:24px}.nav-menu{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nav-item,.nav-active{text-align:center;padding:8px 12px;font-size:12px}.payment-grid{grid-template-columns:1fr;gap:20px}.payment-image-section,.payment-text-section{padding:20px}}@media (max-width:480px){.nav-menu{grid-template-columns:1fr}}.domain-account-section{background-color:#fff;border-bottom:1px solid #dee2e6;padding:20px}.btn-small{cursor:pointer;border:none;border-radius:4px;margin:0 2px;padding:4px 8px;font-size:12px;transition:all .2s}.btn-edit-small{color:#fff;background-color:#6f42c1}.btn-edit-small:hover{background-color:#5a2d91}.btn-delete-small{color:#fff;background-color:#dc3545}.btn-delete-small:hover{background-color:#c82333}.modal{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.search-section{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:20px}.search-form{flex-wrap:wrap;align-items:end;gap:15px;display:flex}.search-group{flex-direction:column;gap:5px;display:flex}.search-group label{color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.search-group input,.search-group select{border:1px solid #ced4da;border-radius:4px;min-width:120px;padding:8px 12px;font-size:14px}.search-group input:focus,.search-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.search-buttons{gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-search{color:#fff;background-color:#667eea}.btn-search:hover{background-color:#5a6fd8}.btn-reset{color:#fff;background-color:#6c757d}.btn-reset:hover{background-color:#5a6268}.main-container{padding:20px}.container{background:#fff;border-radius:8px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000001a}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);padding:20px;position:relative}.header h1{margin:0;font-size:28px;font-weight:300}.user-info{color:#fff;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;top:20px;right:20px}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:5px 10px;font-size:12px;transition:all .2s}.logout-btn:hover{background:#ffffff4d}.nav-menu{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.nav-item{background:#fff3;border:1px solid #0000;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;color:#fff!important}.nav-item:hover{background:#ffffff4d;transform:translateY(-1px)}.nav-active{border:1px solid #ffffff4d;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 4px #0000001a;color:#fff!important;background:#fff6!important}.stats{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.stats-item{color:#6c757d;font-size:14px}.stats-item strong{color:#495057;font-size:16px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:0}th,td{text-align:left;border-bottom:1px solid #dee2e6;padding:12px 15px}th{color:#495057;text-transform:uppercase;letter-spacing:.5px;background-color:#f8f9fa;font-size:14px;font-weight:600}td{color:#6c757d;font-size:14px}tr:hover{background-color:#f8f9fa}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.status-active{color:#155724;background-color:#d4edda}.status-inactive{color:#721c24;background-color:#f8d7da}.member-name,.amount{color:#28a745;font-weight:600}.pagination{justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.pagination a,.pagination span{color:#495057;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;text-decoration:none;transition:all .2s}.pagination a:hover{background-color:#e9ecef;border-color:#adb5bd}.pagination .current{color:#fff;background-color:#28a745;border-color:#28a745}.pagination .disabled{color:#adb5bd;pointer-events:none}.no-data{text-align:center;color:#6c757d;padding:40px}.no-data i{margin-bottom:16px;font-size:48px;display:block}.btn-black{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.btn-black:hover{background-color:#c82333}.btn-success{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.btn-success:hover{background-color:#218838}.search-container{gap:0;display:flex}.search-half{border-bottom:1px solid #dee2e6;flex:1}@media (max-width:768px){.container{border-radius:0;margin:10px}.user-info{justify-content:center;margin-bottom:15px;position:static}.search-container{flex-direction:column}.search-half{border-top:2px solid #dee2e6;border-left:none!important}.search-half:first-child{border-top:none}.stats{text-align:center;flex-direction:column;gap:10px}th,td{padding:8px 6px;font-size:12px}.header h1{font-size:24px}.nav-menu{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nav-item,.nav-active{text-align:center;padding:8px 12px;font-size:12px}}@media (max-width:480px){.nav-menu{grid-template-columns:1fr}}.btn-reset-password{color:#fff;cursor:pointer;background-color:#17a2b8;border:none;border-radius:4px;margin-left:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.btn-reset-password:hover{background-color:#138496}.btn-delete-member{color:#212529;cursor:pointer;background-color:#ffc107;border:none;border-radius:4px;margin-left:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.btn-delete-member:hover{background-color:#e0a800}.modal{z-index:1000;background-color:#00000080;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{background-color:#fefefe;border-radius:8px;width:400px;max-width:90%;margin:10% auto;padding:0;animation:.3s slideIn;box-shadow:0 4px 20px #0003}.modal-header{color:#fff;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);border-radius:8px 8px 0 0;padding:20px}.modal-header h3{margin:0;font-size:18px}.modal-body{padding:20px}.modal-footer{border-top:1px solid #dee2e6;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.form-group input{border:1px solid #ced4da;border-radius:4px;width:94%;padding:10px;font-size:14px}.btn-modal-save{color:#fff;cursor:pointer;background-color:#17a2b8;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-modal-save:hover{background-color:#138496}.btn-modal-cancel{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-modal-cancel:hover{background-color:#5a6268}body{background-color:#f5f5f5;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-main-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-container{background:#fff;border-radius:12px;width:100%;max-width:400px;margin:20px;padding:40px;box-shadow:0 10px 30px #0003}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin:0 0 10px;font-size:28px;font-weight:300}.login-header p{color:#666;margin:0;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.login-btn:active{transform:translateY(0)}.alert{border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.loading{text-align:center;color:#666;padding:10px;display:none}.loading.show{display:block}.form-footer{text-align:center;border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px}.form-footer p{color:#666;margin:0;font-size:12px}@media (max-width:480px){.login-container{margin:10px;padding:30px 20px}.login-header h1{font-size:24px}}._loading-overlay_hb0pr_1{z-index:9999998;pointer-events:all;cursor:wait;background:#fff0;position:fixed;inset:0}._loader_hb0pr_10{box-sizing:border-box;z-index:9999999;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;width:48px;height:48px;animation:1s linear infinite _loader-rotation_hb0pr_1;display:inline-block;position:fixed;top:50%;left:50%}@keyframes _loader-rotation_hb0pr_1{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}