.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;
    }