/* ============================================================
   BlissKharis Wallet — Frontend Stylesheet v1.0.0
   ============================================================ */
:root {
  --bkw-blue:     #1D5EFF;
  --bkw-blue-d:   #0A1628;
  --bkw-blue-m:   #0D2044;
  --bkw-blue-l:   #E8EEFF;
  --bkw-green:    #10B981;
  --bkw-green-l:  #D1FAE5;
  --bkw-amber:    #F59E0B;
  --bkw-amber-l:  #FEF3C7;
  --bkw-red:      #EF4444;
  --bkw-red-l:    #FEE2E2;
  --bkw-purple:   #8B5CF6;
  --bkw-purple-l: #EDE9FE;
  --bkw-grey:     #7A8FB0;
  --bkw-grey-l:   #F0F4FF;
  --bkw-border:   rgba(29,94,255,.12);
  --bkw-shadow:   0 4px 24px rgba(10,22,40,.07);
  --bkw-radius:   12px;
  --bkw-off:      #F7F9FF;
}

/* ── Reset ── */
.bkw-wrap *, .bkw-wrap *::before, .bkw-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }
.bkw-wrap { font-family: 'Inter', system-ui, -apple-system, sans-serif; color: var(--bkw-blue-d); max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; }

/* ── Hero ── */
.bkw-hero {
  background: linear-gradient(135deg, #0D2044 0%, #1038A0 55%, #0A1628 100%);
  border-radius: 20px; padding: 2rem; color: #fff;
  display: flex; justify-content: space-between; align-items: center;
  gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; position: relative; overflow: hidden;
}
.bkw-hero::after { content:''; position:absolute; top:-60px; right:-60px; width:220px; height:220px; background:radial-gradient(circle,rgba(0,212,255,.12),transparent 65%); border-radius:50%; pointer-events:none; }
.bkw-hero__left { position: relative; z-index: 1; }
.bkw-hero__greeting { font-size:.82rem; color:rgba(255,255,255,.5); margin-bottom:.3rem; }
.bkw-hero__label { font-size:.72rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:1.5px; font-weight:600; }
.bkw-hero__sublabel { font-size:.72rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:1.5px; font-weight:600; margin-top:.5rem; }
.bkw-hero__amount { font-size:2.2rem; font-weight:800; color:#fff; line-height:1.1; }
.bkw-hero__sub { font-size:.78rem; color:rgba(255,255,255,.4); margin-top:.3rem; }
.bkw-hero__badges { display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.6rem; }
.bkw-hero__actions { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; position:relative; z-index:1; }

/* ── Buttons ── */
.bkw-btn { display:inline-flex; align-items:center; gap:.4rem; font-family:inherit; font-size:.85rem; font-weight:600; padding:.6rem 1.2rem; border-radius:9px; border:none; cursor:pointer; transition:all .2s; text-decoration:none; line-height:1; }
.bkw-btn:disabled { opacity:.6; cursor:not-allowed; }
.bkw-btn--primary { background:var(--bkw-blue); color:#fff; box-shadow:0 4px 14px rgba(29,94,255,.3); }
.bkw-btn--primary:hover:not(:disabled) { background:#3D7BFF; transform:translateY(-1px); box-shadow:0 6px 18px rgba(29,94,255,.4); }
.bkw-btn--outline { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; }
.bkw-btn--outline:hover:not(:disabled) { background:rgba(255,255,255,.18); }
.bkw-btn--outline-blue { background:var(--bkw-blue-l); border:1px solid var(--bkw-border); color:var(--bkw-blue); }
.bkw-btn--outline-blue:hover:not(:disabled) { background:#dde6ff; }
.bkw-btn--danger { background:var(--bkw-red); color:#fff; }
.bkw-btn--danger:hover:not(:disabled) { background:#dc2626; transform:translateY(-1px); }
.bkw-btn--whatsapp { background:#25D366; color:#fff; font-size:.95rem; padding:.85rem 2rem; }
.bkw-btn--whatsapp:hover { background:#20ba58; }
.bkw-btn--full { width:100%; justify-content:center; }
.bkw-btn--lg { padding:.75rem 1.4rem; font-size:.9rem; }
.bkw-btn--sm { padding:.35rem .75rem; font-size:.76rem; }

/* ── Page header ── */
.bkw-page-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.bkw-pheader-icon { width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; }
.bkw-page-title { font-size:1.15rem; font-weight:800; color:var(--bkw-blue-d); margin:0 0 .2rem; }
.bkw-page-sub { font-size:.85rem; color:var(--bkw-grey); margin:0; }

/* ── Section head ── */
.bkw-section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.2rem; flex-wrap:wrap; gap:.5rem; }
.bkw-section-head h2 { font-size:1.1rem; font-weight:800; color:var(--bkw-blue-d); margin:0; }
.bkw-section-head h3 { font-size:.95rem; font-weight:700; margin:0; }
.bkw-subhead { font-size:.95rem; font-weight:700; color:var(--bkw-blue-d); margin:1.5rem 0 .8rem; }
.bkw-link { font-size:.8rem; color:var(--bkw-blue); font-weight:600; text-decoration:none; }
.bkw-link:hover { color:#3D7BFF; }

/* ── Stats ── */
.bkw-stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1.5rem; }
.bkw-stat-card { background:#fff; border:1px solid var(--bkw-border); border-radius:var(--bkw-radius); padding:1.1rem; display:flex; align-items:center; gap:.8rem; box-shadow:var(--bkw-shadow); transition:all .25s; }
.bkw-stat-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(29,94,255,.09); }
.bkw-stat-icon { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:.95rem; flex-shrink:0; }
.bkw-stat-val { font-size:1.1rem; font-weight:800; color:var(--bkw-blue-d); line-height:1; }
.bkw-stat-lbl { font-size:.72rem; color:var(--bkw-grey); font-weight:500; margin-top:.2rem; }

/* ── Services grid ── */
.bkw-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin-bottom:1.5rem; }
.bkw-svc-tile { display:flex; flex-direction:column; align-items:center; padding:1.1rem .5rem; border-radius:var(--bkw-radius); border:1px solid var(--bkw-border); cursor:pointer; text-align:center; background:var(--bkw-off); text-decoration:none; transition:all .25s; position:relative; overflow:hidden; }
.bkw-svc-tile::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--bkw-blue),#00D4FF); opacity:0; transition:opacity .25s; }
.bkw-svc-tile:hover { border-color:var(--bkw-blue); background:#fff; transform:translateY(-3px); box-shadow:0 10px 24px rgba(29,94,255,.1); }
.bkw-svc-tile:hover::before { opacity:1; }
.bkw-svc-icon { width:44px; height:44px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; margin-bottom:.6rem; transition:all .25s; }
.bkw-svc-tile:hover .bkw-svc-icon { background:var(--bkw-blue) !important; color:#fff !important; }
.bkw-svc-blue   { background:var(--bkw-blue-l);   color:var(--bkw-blue); }
.bkw-svc-green  { background:var(--bkw-green-l);  color:var(--bkw-green); }
.bkw-svc-amber  { background:var(--bkw-amber-l);  color:var(--bkw-amber); }
.bkw-svc-purple { background:var(--bkw-purple-l); color:var(--bkw-purple); }
.bkw-svc-red    { background:var(--bkw-red-l);    color:var(--bkw-red); }
.bkw-svc-teal   { background:#CCFBF1; color:#0D9488; }
.bkw-svc-grey   { background:#f1f5f9; color:var(--bkw-grey); }
.bkw-svc-label  { font-size:.74rem; font-weight:600; color:#3A4D6E; line-height:1.3; }

/* ── Cards ── */
.bkw-card { background:#fff; border:1px solid var(--bkw-border); border-radius:var(--bkw-radius); padding:1.4rem; box-shadow:var(--bkw-shadow); }
.bkw-card-title { font-size:.95rem; font-weight:700; color:var(--bkw-blue-d); margin:0 0 1rem; display:flex; align-items:center; gap:.4rem; }
.bkw-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.2rem; }
.bkw-card__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:.75rem; }
.bkw-card__title { font-size:.95rem; font-weight:700; color:var(--bkw-blue-d); }
.bkw-card__desc { font-size:.83rem; color:#5A6A8A; line-height:1.65; margin-bottom:.9rem; }
.bkw-card__meta { display:flex; gap:.75rem; flex-wrap:wrap; font-size:.78rem; color:var(--bkw-grey); margin-bottom:.8rem; }
.bkw-card__meta span { display:inline-flex; align-items:center; gap:.3rem; }

/* ── Two-col layout ── */
.bkw-two-col { display:grid; grid-template-columns:1fr 340px; gap:1.5rem; }

/* ── Balance strip ── */
.bkw-balance-strip { display:flex; justify-content:space-between; align-items:center; background:var(--bkw-blue-l); border:1px solid rgba(29,94,255,.12); border-radius:10px; padding:.8rem 1rem; font-size:.85rem; color:var(--bkw-blue); font-weight:600; }
.bkw-balance-strip strong { font-size:1rem; font-weight:800; }
.bkw-balance-pill { background:var(--bkw-blue-l); color:var(--bkw-blue); font-size:.78rem; font-weight:700; padding:.3rem .8rem; border-radius:100px; }

/* ── Progress bar ── */
.bkw-progress-bar { height:6px; background:var(--bkw-blue-l); border-radius:100px; overflow:hidden; margin-bottom:.3rem; }
.bkw-progress-fill { height:100%; background:linear-gradient(90deg,var(--bkw-blue),#00D4FF); border-radius:100px; transition:width .6s; }
.bkw-progress-meta { display:flex; justify-content:space-between; font-size:.72rem; color:var(--bkw-grey); margin-bottom:.75rem; }

/* ── Tables ── */
.bkw-table-wrap { overflow-x:auto; }
.bkw-table { width:100%; border-collapse:collapse; font-size:.84rem; }
.bkw-table thead th { background:var(--bkw-off); padding:.7rem 1rem; text-align:left; font-size:.7rem; font-weight:700; color:var(--bkw-grey); text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid var(--bkw-border); }
.bkw-table tbody td { padding:.75rem 1rem; border-bottom:1px solid var(--bkw-border); color:var(--bkw-blue-d); vertical-align:middle; }
.bkw-table tbody tr:last-child td { border-bottom:none; }
.bkw-table tbody tr:hover { background:var(--bkw-off); }

/* ── Badges ── */
.bkw-badge { display:inline-flex; align-items:center; gap:.25rem; font-size:.67rem; font-weight:700; padding:.18rem .5rem; border-radius:100px; white-space:nowrap; }
.bkw-badge--green  { background:var(--bkw-green-l);  color:var(--bkw-green); }
.bkw-badge--amber  { background:var(--bkw-amber-l);  color:#92400E; }
.bkw-badge--red    { background:var(--bkw-red-l);    color:var(--bkw-red); }
.bkw-badge--blue   { background:var(--bkw-blue-l);   color:var(--bkw-blue); }
.bkw-badge--purple { background:var(--bkw-purple-l); color:var(--bkw-purple); }
.bkw-badge--grey   { background:#f1f5f9; color:var(--bkw-grey); }

/* ── Alerts ── */
.bkw-alert { display:flex; align-items:flex-start; gap:.6rem; padding:.9rem 1rem; border-radius:10px; font-size:.84rem; line-height:1.55; }
.bkw-alert i { flex-shrink:0; margin-top:.15rem; }
.bkw-alert--blue   { background:var(--bkw-blue-l);   color:#1038A0; border:1px solid rgba(29,94,255,.18); }
.bkw-alert--amber  { background:var(--bkw-amber-l);  color:#92400E; border:1px solid rgba(245,158,11,.2); }
.bkw-alert--red    { background:var(--bkw-red-l);    color:#991B1B; border:1px solid rgba(239,68,68,.2); }
.bkw-alert--green  { background:var(--bkw-green-l);  color:#065F46; border:1px solid rgba(16,185,129,.2); }

/* ── Notice box ── */
.bkw-notice-box { background:var(--bkw-off); border:1px solid var(--bkw-border); border-radius:9px; padding:.75rem 1rem; font-size:.82rem; color:#5A6A8A; line-height:1.6; display:flex; gap:.5rem; align-items:flex-start; margin-top:.75rem; }
.bkw-notice-box i { flex-shrink:0; margin-top:.15rem; color:var(--bkw-blue); }

/* ── Message ── */
.bkw-msg { margin-top:.75rem; font-size:.84rem; font-weight:500; padding:.6rem .9rem; border-radius:8px; display:none; }
.bkw-msg.success { display:block; background:var(--bkw-green-l); color:#065F46; border:1px solid rgba(16,185,129,.2); }
.bkw-msg.error   { display:block; background:var(--bkw-red-l);   color:#991B1B; border:1px solid rgba(239,68,68,.2); }

/* ── Modal ── */
/* Modal System Fix */
/* Modal System - Fixed */
.bkw-modal {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    align-items: center;
    justify-content: center;
}

.bkw-modal.open,
.bkw-modal[style*="display: flex"],
.bkw-modal.show {
    display: flex !important;
}

.bkw-modal-content {
    background: #fff;
    border-radius: 12px;
    max-width: 90%;
    width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: modalSlideIn 0.3s ease;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.bkw-modal-header {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bkw-modal-header h3 {
    margin: 0;
    font-size: 1.25rem;
}

.bkw-modal-close {
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #999;
    line-height: 1;
    transition: color 0.2s;
}

.bkw-modal-close:hover {
    color: #333;
}

.bkw-modal-body {
    padding: 20px;
}

.bkw-modal-body .bkw-form-group {
    margin-bottom: 15px;
}

.bkw-modal-body label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.bkw-modal-body input,
.bkw-modal-body select,
.bkw-modal-body textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.bkw-form-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}

.bkw-btn-secondary {
    background: #6c757d;
    color: #fff;
}

.bkw-btn-secondary:hover {
    background: #5a626d;
}

.bkw-alert-warning {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}


@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.bkw-modal-header {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bkw-modal-header h3 {
    margin: 0;
    font-size: 1.25rem;
}

.bkw-modal-close {
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #999;
    line-height: 1;
}

.bkw-modal-close:hover {
    color: #333;
}

.bkw-modal-body {
    padding: 20px;
}

.bkw-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.bkw-stat-card {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
}

.bkw-stat-card .bkw-stat-label {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 5px;
}

.bkw-stat-card .bkw-stat-value {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
}

.bkw-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.bkw-table th,
.bkw-table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.bkw-table th {
    background: #f9f9f9;
    font-weight: 600;
}

.bkw-alert-warning {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.bkw-form-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.bkw-btn-secondary {
    background: #6c757d;
    color: #fff;
}

.bkw-btn-secondary:hover {
    background: #5a6268;
}

 
.bkw-modal__box { background:#fff; border-radius:20px; padding:2rem; width:100%; max-width:500px; max-height:92vh; overflow-y:auto; animation:bkwIn .28s ease; position:relative; }
@keyframes bkwIn { from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:none} }
.bkw-modal__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.2rem; }
.bkw-modal__head span { font-size:1.05rem; font-weight:800; color:var(--bkw-blue-d); display:flex; align-items:center; gap:.5rem; }
.bkw-modal__head button { background:var(--bkw-off); border:1px solid var(--bkw-border); width:30px; height:30px; border-radius:8px; cursor:pointer; font-size:1.15rem; color:var(--bkw-grey); display:flex; align-items:center; justify-content:center; line-height:1; transition:all .2s; }
.bkw-modal__head button:hover { background:var(--bkw-red-l); color:var(--bkw-red); border-color:var(--bkw-red); }

/* ── Forms ── */
.bkw-form-group { margin-bottom:.9rem; }
.bkw-label { display:block; font-size:.76rem; font-weight:600; color:#3A4D6E; margin-bottom:.35rem; }
.bkw-input { width:100%; padding:.65rem .9rem; border:1px solid rgba(29,94,255,.18); border-radius:9px; font-family:inherit; font-size:.88rem; color:var(--bkw-blue-d); background:var(--bkw-off); transition:border-color .2s,box-shadow .2s; outline:none; }
.bkw-input:focus { border-color:var(--bkw-blue); box-shadow:0 0 0 3px rgba(29,94,255,.1); background:#fff; }
.bkw-input--lg { font-size:1rem; padding:.75rem 1rem; }
.bkw-hint { display:block; font-size:.72rem; color:var(--bkw-grey); margin-top:.25rem; }
.bkw-form-row { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
textarea.bkw-input { resize:vertical; }
select.bkw-input { appearance:none; cursor:pointer; }

/* ── Quick amount pills ── */
.bkw-quick-row { display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.5rem; }
.bkw-pill { padding:.3rem .65rem; border-radius:100px; border:1px solid var(--bkw-border); background:var(--bkw-off); font-size:.76rem; font-weight:600; color:var(--bkw-blue); cursor:pointer; transition:all .2s; }
.bkw-pill:hover, .bkw-pill.active { background:var(--bkw-blue); color:#fff; border-color:var(--bkw-blue); }

/* ── Payment method box ── */
.bkw-method-box { display:flex; align-items:center; gap:.75rem; background:var(--bkw-off); border:1px solid var(--bkw-border); border-radius:10px; padding:.85rem 1rem; margin-top:1rem; font-size:.85rem; }
.bkw-method-box i { font-size:1.2rem; color:var(--bkw-blue); flex-shrink:0; }
.bkw-method-box div { flex:1; }
.bkw-method-box div strong { display:block; font-weight:700; color:var(--bkw-blue-d); }
.bkw-method-box div span { font-size:.75rem; color:var(--bkw-grey); }

/* ── Info card ── */
.bkw-info-card { background:#fff; border:1px solid var(--bkw-border); border-radius:var(--bkw-radius); padding:1.2rem; box-shadow:var(--bkw-shadow); }
.bkw-info-card h4 { font-size:.88rem; font-weight:700; color:var(--bkw-blue-d); margin-bottom:.75rem; display:flex; align-items:center; gap:.4rem; }
.bkw-info-card h4 i { color:var(--bkw-blue); }
.bkw-steps-list { padding-left:1.2rem; }
.bkw-steps-list li { font-size:.84rem; color:#5A6A8A; padding:.25rem 0; line-height:1.55; }

/* ── Transactions ── */
.bkw-txn-row { display:flex; align-items:center; gap:.9rem; padding:.75rem 0; border-bottom:1px solid var(--bkw-border); }
.bkw-txn-row:last-child { border-bottom:none; }
.bkw-txn-dot { width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0; }
.bkw-txn-info { flex:1; min-width:0; }
.bkw-txn-info span { display:block; font-size:.84rem; font-weight:600; color:var(--bkw-blue-d); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bkw-txn-info small { font-size:.72rem; color:var(--bkw-grey); }
.bkw-credit { color:var(--bkw-green); font-weight:700; font-size:.88rem; white-space:nowrap; }
.bkw-debit  { color:var(--bkw-red);   font-weight:700; font-size:.88rem; white-space:nowrap; }

/* ── Offer card (rent) ── */
.bkw-offer-card { background:linear-gradient(135deg,#0D2044,#1038A0); color:#fff; border-radius:16px; padding:1.6rem; margin-bottom:1.5rem; }
.bkw-offer-card h3 { font-size:1.1rem; font-weight:800; margin-bottom:1.2rem; }
.bkw-offer-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:1rem; margin-bottom:1rem; }
.bkw-offer-grid div span { display:block; font-size:.7rem; color:rgba(255,255,255,.45); margin-bottom:.2rem; }
.bkw-offer-grid div strong { font-size:.95rem; font-weight:700; }
.bkw-offer-note { font-size:.82rem; color:rgba(255,255,255,.55); margin-bottom:1rem; }
.bkw-offer-btns { display:flex; gap:.6rem; flex-wrap:wrap; }

/* ── CAC ── */
.bkw-cac-card { max-width:520px; margin:2rem auto; text-align:center; background:#fff; border:1px solid var(--bkw-border); border-radius:20px; padding:2.5rem 2rem; box-shadow:var(--bkw-shadow); }
.bkw-cac-icon { width:72px; height:72px; background:var(--bkw-red-l); color:var(--bkw-red); border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:2rem; margin:0 auto 1rem; }
.bkw-cac-card h2 { font-size:1.3rem; font-weight:800; margin-bottom:.75rem; }
.bkw-cac-card p { color:#5A6A8A; font-size:.9rem; line-height:1.65; margin-bottom:1.5rem; }
.bkw-cac-list { text-align:left; display:inline-block; margin-bottom:1.5rem; list-style:none; }
.bkw-cac-list li { font-size:.88rem; padding:.3rem 0; color:#3A4D6E; display:flex; align-items:center; gap:.5rem; }
.bkw-cac-list li i { color:var(--bkw-green); }

/* ── Profile ── */
.bkw-profile-card { text-align:center; padding:2rem; background:#fff; border:1px solid var(--bkw-border); border-radius:16px; margin-bottom:1.2rem; box-shadow:var(--bkw-shadow); }
.bkw-profile-avatar { width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,var(--bkw-blue),#00D4FF); display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:800; color:#fff; margin:0 auto 1rem; }
.bkw-profile-name { font-size:1.15rem; font-weight:800; color:var(--bkw-blue-d); }
.bkw-profile-email { font-size:.83rem; color:var(--bkw-grey); margin-top:.25rem; }
.bkw-profile-badges { display:flex; justify-content:center; gap:.5rem; margin-top:.75rem; flex-wrap:wrap; }
.bkw-detail-table { width:100%; font-size:.84rem; border-collapse:collapse; }
.bkw-detail-table td { padding:.6rem .5rem; border-bottom:1px solid var(--bkw-border); }
.bkw-detail-table td:first-child { font-weight:600; color:var(--bkw-grey); width:40%; }
.bkw-detail-table tr:last-child td { border-bottom:none; }

/* ── Pagination ── */
.bkw-pagination { display:flex; gap:.5rem; justify-content:center; margin-top:1.5rem; flex-wrap:wrap; }
.bkw-page { padding:.4rem .8rem; border-radius:8px; background:#fff; border:1px solid var(--bkw-border); font-size:.82rem; font-weight:600; color:var(--bkw-blue); text-decoration:none; transition:all .2s; }
.bkw-page:hover, .bkw-page--active { background:var(--bkw-blue); color:#fff; border-color:var(--bkw-blue); }

/* ── Empty state ── */
.bkw-empty { text-align:center; padding:3rem 1rem; color:var(--bkw-grey); }
.bkw-empty i { font-size:2.8rem; margin-bottom:1rem; display:block; opacity:.3; }
.bkw-empty p { font-size:.9rem; }

/* ── Icon colour helpers ── */
.bkw-icon-green { color:var(--bkw-green); }
.bkw-icon-red   { color:var(--bkw-red); }
.bkw-icon-blue  { color:var(--bkw-blue); }
.bkw-icon-purple{ color:var(--bkw-purple); }

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media (max-width: 1024px) {
  .bkw-two-col { grid-template-columns: 1fr; }
  .bkw-stats-row { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .bkw-services-grid { grid-template-columns: repeat(3,1fr); gap:.55rem; }
  .bkw-hero { flex-direction:column; align-items:flex-start; }
  .bkw-hero__amount { font-size:1.8rem; }
  .bkw-cards { grid-template-columns: 1fr; }
  .bkw-offer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 540px) {
  .bkw-wrap { padding: 1rem .75rem; }
  .bkw-services-grid { grid-template-columns: repeat(3,1fr); gap:.45rem; }
  .bkw-svc-icon { width:38px; height:38px; font-size:.9rem; }
  .bkw-svc-label { font-size:.68rem; }
  .bkw-stats-row { grid-template-columns: 1fr 1fr; }
  .bkw-form-row { grid-template-columns: 1fr; }
  .bkw-modal__box { padding: 1.4rem; }
}
@media (max-width: 400px) {
  .bkw-services-grid { grid-template-columns: repeat(2,1fr); }
}