*,:before,:after{box-sizing:border-box}body{color:#111827;background-color:#f3f4f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.form-group{margin-bottom:1rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}code{background:#f3f4f6;border-radius:.25rem;padding:.1rem .3rem;font-size:.85em}.admin-layout{background-color:#f3f4f6;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.sidebar{color:#f9fafb;background-color:#111827;flex-direction:column;width:260px;display:flex}.sidebar-header{border-bottom:1px solid #374151;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600}.logo-icon{color:#ef4444}.user-info{border-bottom:1px solid #374151;padding:1.5rem}.user-email{word-break:break-all;margin-bottom:.25rem;font-weight:500}.user-roles{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:1.5rem 1.5rem .5rem;font-size:.75rem;font-weight:600}.nav-item{color:#d1d5db;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#1f2937}.nav-item.active{color:#fff;background-color:#2563eb;border-left:3px solid #60a5fa}.logout-btn{color:#9ca3af;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #374151;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:.875rem;transition:color .2s;display:flex}.logout-btn:hover{color:#ef4444}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.topbar h1{color:#111827;margin:0;font-size:1.125rem;font-weight:500}.env-badge{color:#991b1b;text-transform:uppercase;background-color:#fee2e2;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.page-content{flex:1;padding:2rem;overflow-y:auto}.card{background:#fff;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card-title{color:#111827;margin-top:0;margin-bottom:1rem;font-size:1.125rem}.login-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.login-card{background:#fff;border-radius:.75rem;width:100%;max-width:400px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-header{text-align:center;margin-bottom:2rem}.login-header .logo-icon{color:#ef4444;margin-bottom:1rem}.login-header h1{color:#111827;margin:0;font-size:1.5rem}.login-header p{color:#6b7280;margin:.5rem 0 0;font-size:.875rem}.login-error{color:#b91c1c;text-align:center;background-color:#fee2e2;border-radius:.375rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.login-form .form-group{margin-bottom:1.25rem}.login-form label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.login-form input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem}.login-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.login-form button{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:.375rem;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:500;transition:background-color .2s}.login-form button:hover:not(:disabled){background-color:#374151}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-form .text-btn{color:#6b7280;background:0 0;margin-top:.5rem}.login-form .text-btn:hover:not(:disabled){color:#111827;background:0 0;text-decoration:underline}.welcome-banner{color:#fff;background:#111827;border-radius:.5rem;margin-bottom:2rem;padding:2rem}.welcome-banner h2{margin:0 0 .25rem;font-size:1.5rem}.welcome-banner p{color:#9ca3af;margin:0 0 1rem;font-size:.875rem}.role-chips{flex-wrap:wrap;gap:.5rem;display:flex}.role-chip{color:#d1d5db;text-transform:capitalize;background-color:#374151;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.info-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.info-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.info-card.orange{border-left-color:#f97316}.info-card.red{border-left-color:#ef4444}.info-card.yellow{border-left-color:#eab308}.info-card.blue{border-left-color:#3b82f6}.info-card h3{color:#111827;margin:0 0 .5rem;font-size:1rem}.blocked-msg{color:#9ca3af;margin:0;font-size:.8rem}.blocked-msg code{color:#374151;background-color:#f3f4f6;border-radius:.25rem;padding:.1rem .3rem;font-size:.75rem}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:.5rem;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.modal-desc{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-cancel{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem}.btn-cancel:hover{background-color:#f3f4f6}.btn-confirm{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;padding:.5rem 1rem}.btn-confirm:hover{background-color:#1d4ed8}textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-family:inherit}textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.roles-page{max-width:800px}.search-form{gap:1rem;display:flex}.search-form input{border:1px solid #d1d5db;border-radius:.375rem;flex:1;padding:.75rem;font-size:1rem}.search-form input:focus{border-color:#3b82f6;outline:none}.search-form button{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:.375rem;padding:0 1.5rem;font-weight:500;transition:background-color .2s}.search-form button:hover:not(:disabled){background-color:#374151}.search-form button:disabled{opacity:.7;cursor:not-allowed}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.role-item{border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.role-info h4{color:#374151;text-transform:capitalize;margin:0;font-size:.875rem}.btn-add{color:#166534;cursor:pointer;background-color:#dcfce7;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.btn-add:hover{background-color:#bbf7d0}.btn-remove{color:#991b1b;cursor:pointer;background-color:#fee2e2;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.btn-remove:hover{background-color:#fecaca}.policies-page{max-width:800px}.page-title{color:#111827;margin-top:0;margin-bottom:2rem;font-size:1.5rem}.error-banner{color:#b91c1c;background-color:#fee2e2;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.card-desc{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.control-list{flex-direction:column;gap:1.5rem;display:flex}.control-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.control-item:last-child{border-bottom:none;padding-bottom:0}.control-info h4{color:#374151;margin:0 0 .25rem;font-size:1rem}.control-info p{color:#9ca3af;margin:0;font-size:.875rem}.toggle-btn{cursor:pointer;border:none;border-radius:9999px;min-width:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.toggle-btn.on{color:#166534;background-color:#dcfce7}.toggle-btn.on:hover{background-color:#bbf7d0}.toggle-btn.off{color:#991b1b;background-color:#fee2e2}.toggle-btn.off:hover{background-color:#fecaca}.pair-form{gap:1rem;display:flex}.pair-form input,.pair-form select{border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem;font-size:1rem}.pair-form select{cursor:pointer}.pair-form button{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:.375rem;padding:0 1.5rem;font-weight:500}.pair-form button:hover{background-color:#374151}.kyc-queue-page{padding:24px}.kyc-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.kyc-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.kyc-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.kyc-filters{gap:8px;display:flex}.kyc-filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.kyc-filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.kyc-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.kyc-table{border-collapse:collapse;width:100%}.kyc-table th,.kyc-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px}.kyc-table th{color:#374151;background:#f9fafb;font-weight:600}.kyc-table tr:hover{background:#f9fafb}.kyc-table td{color:#4b5563}.status-badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.on_hold{color:#d97706;background:#fef3c7}.status-badge.pending{color:#2563eb;background:#dbeafe}.status-badge.approved{color:#059669;background:#d1fae5}.status-badge.rejected{color:#dc2626;background:#fee2e2}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.action-btn.view{color:#374151;background:#fff;border-color:#d1d5db}.action-btn.view:hover{background:#f3f4f6}.kyc-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.kyc-detail-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.kyc-detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.kyc-detail-title{color:#111827;margin:0;font-size:18px;font-weight:600}.kyc-detail-close{color:#6b7280;cursor:pointer;background:0 0;border:none}.kyc-detail-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.kyc-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.kyc-info-item{flex-direction:column;gap:4px;display:flex}.kyc-info-label{color:#6b7280;font-size:13px;font-weight:500}.kyc-info-value{color:#111827;font-size:14px}.kyc-documents{flex-direction:column;gap:12px;display:flex}.kyc-doc-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.kyc-doc-info{align-items:center;gap:12px;display:flex}.kyc-doc-icon{color:#9ca3af}.kyc-doc-name{color:#374151;font-size:14px;font-weight:500}.kyc-doc-view-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px}.kyc-detail-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-reject{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:10px 16px;font-weight:500}.btn-approve{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:10px 16px;font-weight:500}.doc-viewer-modal{z-index:200;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.doc-viewer-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:24px;right:24px}.doc-viewer-content{max-width:90vw;max-height:90vh}.doc-viewer-content img{object-fit:contain;max-width:100%;max-height:90vh}.doc-viewer-content iframe{background:#fff;width:80vw;height:80vh}