.profile-page{display:flex;flex-direction:column;gap:24px;max-width:1240px;margin:0 auto;width:100%}.profile-toolbar{display:flex;align-items:center;justify-content:space-between;color:#716b80;font-size:12px}.profile-header-card,.profile-card,.profile-state-card{background:#fff;border:1px solid #e9e5ef;border-radius:18px;box-shadow:0 4px 16px rgba(30,20,40,.03)}.profile-header-card{padding:24px 28px;position:relative;overflow:hidden}.profile-header-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#9828c8,#6d28d9)}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.user-identity{display:flex;align-items:center;gap:20px}.avatar-wrapper{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:3px solid #fff;box-shadow:0 4px 12px rgba(152,40,200,.15);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#9828c8;flex-shrink:0}.user-details h1{font-size:22px;font-weight:800;color:#171321;margin:0 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-code-badge{font-size:12px;font-weight:700;padding:3px 10px;background:#f8f7fb;border:1px solid #e2e8f0;color:#4b4552;border-radius:6px;letter-spacing:.5px}.user-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#686174}.meta-item{display:flex;align-items:center;gap:6px}.header-status-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 12px;border-radius:999px;letter-spacing:.4px}.status-badge.active,.status-badge.approved,.status-badge.verified{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-badge.pending,.status-badge.in-review{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-badge.rejected,.status-badge.inactive,.status-badge.blocked,.status-badge.suspended{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-quick-actions{margin-top:22px;padding-top:18px;border-top:1px solid #f1f0f5;display:grid;grid-template-columns:auto 170px minmax(220px,1fr) auto;align-items:center;gap:10px}.admin-quick-actions label{font-size:12px;font-weight:700;color:#686174;text-transform:uppercase;letter-spacing:.4px}.admin-quick-actions select,.admin-quick-actions input{height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font:inherit}.profile-tabs-nav{display:flex;align-items:center;gap:8px;border-bottom:2px solid #ede9fe;padding:0 4px;overflow-x:unset}.profile-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;color:#686174;background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;border-radius:6px 6px 0 0}.profile-tab-btn:hover,.profile-tab-btn.active{color:#9828c8;background:rgba(243,232,255,.5)}.profile-tab-btn.active{font-weight:750;border-bottom-color:#9828c8}.tab-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:#ede9fe;color:#6d28d9}.tab-content-container{min-height:400px}.profile-card{padding:24px;margin-bottom:20px}.profile-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f0f5}.card-title{font-size:16px;font-weight:750;color:#171321;display:flex;align-items:center;gap:10px;margin:0}.card-subtitle{font-size:13px;color:#716b80;margin:3px 0 0}.admin-form-grid,.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px}.admin-form-grid .field,.security-form .field,.decision-dialog .field{margin:0}.admin-form-grid .input,.security-form .input,.decision-dialog .input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font:inherit;background:#fff}.admin-form-grid .input:focus,.security-form .input:focus,.decision-dialog .input:focus{outline:0;border-color:#9828c8;box-shadow:0 0 0 3px rgba(152,40,200,.1)}.data-item{display:flex;flex-direction:column;gap:4px}.data-label{font-size:12px;font-weight:600;color:#716b80;text-transform:uppercase;letter-spacing:.4px}.data-value{font-size:14px;font-weight:600;color:#171321;word-break:break-word}.address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.address-card{border:1.5px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:14px}.address-card.default-address{border-color:#9828c8;background:#fcfaff}.address-header{display:flex;align-items:center;justify-content:space-between}.address-type-tag{font-size:11px;font-weight:800;text-transform:uppercase;padding:3px 8px;background:#ede9fe;color:#6d28d9;border-radius:6px}.address-body{font-size:13px;line-height:1.65;color:#332f3d}.bank-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.bank-card{border:1.5px solid #e2e8f0;border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:14px}.bank-card.primary{border-color:#9828c8;background:linear-gradient(180deg,#fff,#fcfaff)}.bank-top{display:flex;align-items:center;justify-content:space-between}.bank-icon-badge,.doc-icon{display:flex;align-items:center;justify-content:center;background:#f3e8ff;color:#9828c8}.bank-icon-badge{width:38px;height:38px;border-radius:10px}.bank-name{font-size:15px;font-weight:750}.bank-acc-num{font:700 16px Consolas,monospace;letter-spacing:1px;margin:4px 0}.documents-table{width:100%;border-collapse:collapse;font-size:13px}.documents-table th{text-align:left;padding:12px 16px;background:#f8f7fb;color:#686174;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e9e5ef}.documents-table td{padding:14px 16px;border-bottom:1px solid #f1f0f5;color:#171321;vertical-align:middle}.doc-info{display:flex;align-items:center;gap:12px}.doc-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0}.doc-name{font-weight:650}.doc-meta{font-size:11px;color:#716b80}.document-actions,.approval-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.approval-actions{margin-top:24px;padding-top:18px;border-top:1px solid #f1f0f5}.compact-actions{margin-top:0;padding-top:14px}.btn-approve,.btn-reject{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 13px;border-radius:8px;border:1px solid;font-size:12px;font-weight:700;cursor:pointer}.btn-approve{color:#067647;background:#ecfdf5;border-color:#a7f3d0}.btn-reject{color:#c43c4b;background:#fff0f2;border-color:#fecaca}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.timeline-feed{display:flex;flex-direction:column;gap:18px;position:relative;padding-left:20px}.timeline-feed:before{content:"";position:absolute;top:6px;bottom:6px;left:7px;width:2px;background:#e2e8f0}.timeline-item{display:flex;align-items:flex-start;gap:16px;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #9828c8;position:absolute;left:-20px;top:3px;z-index:2}.timeline-body{background:#f8f7fb;border:1px solid #ede9fe;border-radius:12px;padding:12px 16px;width:100%}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px}.timeline-title{font-size:13px;font-weight:700}.timeline-time{font-size:11px;color:#8b8291;white-space:nowrap}.timeline-desc{font-size:12px;color:#686174}.security-card{max-width:700px}.security-form{display:grid;gap:18px}.profile-state-card{text-align:center;padding:55px 24px;max-width:650px;margin:50px auto}.profile-state-card h2{font-size:20px;margin:8px}.profile-state-card p{color:#716b80;margin-bottom:18px}.admin-alert{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600}.admin-alert.success{color:#067647;background:#ecfdf5;border:1px solid #a7f3d0}.admin-alert.danger{color:#c43c4b;background:#fff0f2;border:1px solid #fecaca}.table-scroll{overflow-x:auto}.empty-cell{text-align:center!important;padding:32px!important;color:#716b80}.btn-secondary.compact{padding:6px 10px;white-space:nowrap}.grid-filters .filter-chip.active{color:#9828c8;border-color:#9828c8;background:#f3e8ff}.pagination-controls span{padding:6px 10px;font-size:13px;color:#716b80}.skeleton-box{background:linear-gradient(90deg,#f1f0f5 25%,#e6e3ed 50%,#f1f0f5 75%);background-size:200% 100%;animation:adminShimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:14px;width:65%}.skeleton-title{height:24px;width:40%;margin-bottom:12px}.skeleton-card{height:320px}@keyframes adminShimmer{to{background-position:-200% 0}}.decision-dialog textarea{resize:vertical;min-height:110px}.modal-dialog.decision-dialog{max-width:520px}
@media(max-width:900px){.admin-quick-actions{grid-template-columns:1fr 1fr}.admin-quick-actions label{grid-column:1/-1}.header-inner{align-items:flex-start}.documents-table{min-width:780px}}
@media(max-width:600px){.profile-header-card,.profile-card{padding:18px}.user-identity{align-items:flex-start}.avatar-wrapper{width:56px;height:56px}.user-details h1{font-size:18px}.admin-quick-actions{grid-template-columns:1fr}.profile-tabs-nav{margin-inline:-4px}.profile-tab-btn{padding:10px 12px;font-size:12px}.admin-form-grid,.details-grid{grid-template-columns:1fr}.address-grid,.bank-cards-grid{grid-template-columns:1fr}.timeline-header{align-items:flex-start;flex-direction:column;gap:2px}}

/* 11. Clean Buttons & Interactive Elements */
.btn-outline-sm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 650;
    color: #4b4552;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-outline-sm:hover {
        border-color: #9828c8;
        color: #9828c8;
        background: #fdf8ff;
    }

.btn-primary-sm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: linear-gradient(135deg, #9828c8, #6d28d9);
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(152, 40, 200, 0.2);
    transition: all 0.2s;
}

    .btn-primary-sm:hover {
        box-shadow: 0 6px 16px rgba(152, 40, 200, 0.3);
        transform: translateY(-1px);
    }

.btn-icon-sm {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: transparent;
    border: 1px solid #e2e8f0;
    color: #686174;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-icon-sm:hover {
        border-color: #9828c8;
        color: #9828c8;
        background: #f3e8ff;
    }

    .btn-icon-sm.danger:hover {
        border-color: #ef4444;
        color: #ef4444;
        background: #fee2e2;
    }

/* Responsive profile refinements */
.profile-tabs-nav{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.profile-tab-btn{min-height:44px}.admin-form-grid .input,.security-form .input,.admin-quick-actions select,.admin-quick-actions input{height:40px;padding-top:0;padding-bottom:0}.security-submit{width:max-content}.account-number-row{display:flex;align-items:center;gap:8px}.account-eye{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:#f5eef9;color:#9828c8;cursor:pointer}.account-eye:hover{background:#eadcf2}.approve-icon{color:#067647!important}.modal-dialog.decision-dialog{width:min(100%,520px)}.decision-dialog .field{margin-top:18px}.decision-dialog textarea.input{height:auto;min-height:105px;padding:10px 12px}.empty-state{padding:25px;text-align:center;color:#716b80;font-size:13px;background:#faf9fc;border:1px dashed #ddd4e4;border-radius:10px}
@media(max-width:900px){.profile-page{gap:18px}.profile-header-card,.profile-card{border-radius:14px}.profile-tabs-nav{margin-inline:0}.admin-quick-actions{grid-template-columns:1fr 1fr}.documents-table{min-width:760px}}
@media(max-width:600px){.profile-toolbar{align-items:center}.profile-toolbar>span{display:none}.profile-header-card,.profile-card{padding:16px}.header-inner{display:block}.user-identity{gap:12px}.user-meta-row{align-items:flex-start;flex-direction:column;gap:3px}.header-status-group{margin-top:14px}.admin-quick-actions{grid-template-columns:1fr;gap:8px}.admin-quick-actions label{grid-column:auto}.profile-tabs-nav{gap:2px}.profile-tab-btn{padding:9px 11px}.profile-card .card-header{align-items:flex-start;gap:12px;flex-direction:column}.profile-card .card-header>.btn-primary-sm{align-self:flex-start}.bank-cards-grid{grid-template-columns:minmax(0,1fr)}.bank-card{padding:16px}.approval-actions{align-items:stretch}.timeline-body{min-width:0}.timeline-time{white-space:normal}.security-submit{width:max-content}.documents-table th,.documents-table td{padding:10px 12px}}

/* Compact aligned profile controls */
.admin-quick-actions{grid-template-columns:auto 150px minmax(180px,1fr) auto;gap:8px;margin-top:17px;padding-top:14px}.admin-quick-actions select,.admin-quick-actions input{height:36px;min-height:36px;padding:0 10px;border-radius:7px;font-size:13px;line-height:36px}.admin-quick-actions select option{font-size:13px}.admin-quick-actions .btn-primary-sm{height:36px;min-height:36px;padding:0 14px;align-self:center;white-space:nowrap}.btn-primary-sm,.btn-outline-sm,.btn-approve,.btn-reject{min-height:34px}.profile-tabs-nav{height:50px;min-height:50px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tab-btn{height:50px;min-height:50px;padding-top:0;padding-bottom:0}.tab-content-container{min-width:0}

/* KYC linked document actions */
.kyc-document-item{min-height:92px;padding:13px;border:1px solid #eee8f2;border-radius:10px;background:#fcfbfd}.kyc-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:7px}.doc-view-link{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 8px;border:1px solid #dfd2e8;border-radius:7px;background:#fff;color:#7b24a5;font-size:11px;font-weight:700;cursor:pointer}.doc-view-link:hover{border-color:#9828c8;background:#f8effc}.bank-doc-link{margin-top:10px}

/* Scrollable in-page document viewer */
.document-preview-overlay{padding:16px}.document-preview-dialog{display:flex;flex-direction:column;width:min(96vw,1120px);max-width:1120px;height:min(92vh,860px);padding:18px;overflow:hidden}.document-preview-header{flex:0 0 auto;margin-bottom:12px}.document-preview-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #302c38;border-radius:10px;background:#18151d;scrollbar-color:#9d90a8 #29242f;scrollbar-width:thin}.document-preview-viewport iframe{display:block;width:100%;min-width:850px;height:100%;min-height:560px;border:0;background:#fff}.document-preview-footer{flex:0 0 auto;align-items:center;justify-content:space-between;margin-top:12px}.document-preview-footer>span{color:#7d7488;font-size:11px}.document-preview-footer>div{display:flex;align-items:center;gap:8px}.document-preview-footer a{text-decoration:none}

@media(max-width:900px){.admin-quick-actions{grid-template-columns:130px minmax(180px,1fr) auto}.admin-quick-actions label{grid-column:1/-1}.document-preview-dialog{width:97vw;height:92vh}}
@media(max-width:600px){.admin-quick-actions{grid-template-columns:1fr}.admin-quick-actions label{grid-column:auto}.admin-quick-actions select,.admin-quick-actions input,.admin-quick-actions .btn-primary-sm{width:100%}.document-preview-overlay{padding:8px}.document-preview-dialog{width:100%;height:96vh;padding:12px;border-radius:12px}.document-preview-viewport iframe{min-width:720px;min-height:520px}.document-preview-footer{align-items:flex-start;flex-direction:column}.document-preview-footer>div{width:100%;justify-content:flex-end}.kyc-details-grid{grid-template-columns:1fr}}

/* Compact admin profile controls and transient action feedback. */
.admin-member-profile .admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px}
.admin-member-profile .admin-form-grid .input{height:38px;min-height:38px;padding:0 11px;font-size:13px}
.profile-action-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.alert-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}
.alert-close:hover{background:rgba(0,0,0,.06)}
.sensitive-value-row{display:flex;align-items:center;gap:8px;min-height:28px}
.sensitive-eye{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#6d28d9;cursor:pointer}
.sensitive-eye:hover{border-color:#9828c8;background:#f3e8ff}