.ilf-ca{
  --acc:var(--accent,#4FA8FF); --txt:var(--text,#EAF1EC); --mut:var(--muted,#869089);
  --bd:var(--border,rgba(255,255,255,.09)); --surf:var(--surface,rgba(255,255,255,.03));
  --bg2v:var(--bg2,#0d1213); --okc:var(--ok,#4FC3E8); --badc:var(--bad,#FF7A7A);
  max-width:980px; margin:0 auto; padding:8px 0 40px;
}
.ilf-ca *{ box-sizing:border-box; }
.ilf-muted{ color:var(--mut); }
.ilf-small{ font-size:13px; }
.ilf-mono{ font-family:'JetBrains Mono',ui-monospace,monospace; }

.ilf-notice{ padding:12px 16px; border-radius:11px; margin-bottom:18px; font-size:14px; border:1px solid var(--bd); }
.ilf-notice.ok{ background:rgba(79,195,232,.1); border-color:rgba(79,195,232,.3); color:var(--okc); }
.ilf-notice.err{ background:rgba(255,122,122,.1); border-color:rgba(255,122,122,.3); color:var(--badc); }

.ilf-panel{ background:var(--surf); border:1px solid var(--bd); border-radius:16px; padding:24px; margin-bottom:18px; }
.ilf-panel h3{ display:flex; align-items:center; gap:8px; margin:0 0 16px; font-size:18px; }
.ilf-panel h3 svg{ color:var(--acc); }

.ilf-auth-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ilf-label{ display:block; font-size:13px; font-weight:600; color:var(--mut); margin:14px 0 7px; }
.ilf-field{ display:flex; align-items:center; gap:10px; background:var(--bg2v); border:1px solid var(--bd); border-radius:11px; padding:0 14px; }
.ilf-field input{ flex:1; background:none; border:none; outline:none; color:var(--txt); font-family:inherit; font-size:15px; padding:13px 0; width:100%; }
.ilf-select{ width:100%; background:var(--bg2v); border:1px solid var(--bd); border-radius:11px; padding:13px 14px; color:var(--txt); font-family:inherit; font-size:15px; outline:none; }
.ilf-select option{ background:#0d1213; color:#EAF1EC; }

.ilf-btn{ display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:11px; padding:12px 18px; font-family:inherit; font-weight:600; font-size:14px; cursor:pointer; transition:.18s; margin-top:18px; text-decoration:none; }
.ilf-btn.primary{ background:var(--acc); color:#0A0D0E; }
.ilf-btn.primary:hover{ transform:translateY(-1px); }
.ilf-btn.ghost{ background:rgba(255,255,255,.05); color:var(--txt); border-color:var(--bd); margin-top:0; }

.ilf-dash-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px; }
.ilf-grid{ display:grid; grid-template-columns:1.6fr 1fr; gap:18px; }
.ilf-bal{ display:flex; flex-direction:column; gap:8px; }
.ilf-bal-n{ font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:34px; color:var(--acc); }
.ilf-bal-n.sm{ font-size:24px; color:var(--txt); }
.ilf-stat{ display:flex; flex-direction:column; justify-content:center; gap:4px; }

.ilf-result.ok{ border-color:rgba(79,195,232,.3); }
.ilf-result.err{ border-color:rgba(255,122,122,.3); }
.ilf-result-head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.ilf-result-head svg{ color:var(--acc); }
.ilf-result.err .ilf-result-head svg{ color:var(--badc); }
.ilf-response{ background:var(--bg2v); border:1px solid var(--bd); border-radius:11px; padding:14px; overflow-x:auto; font-size:14px; line-height:1.6; }
.ilf-response table{ width:100%; border-collapse:collapse; }
.ilf-response td,.ilf-response th{ padding:4px 8px; border-bottom:1px solid var(--bd); text-align:left; }
.ilf-err-text{ color:var(--badc); }

.ilf-check-foot{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:6px; }
.ilf-check-foot .ilf-btn{ margin-top:0; }

.ilf-orders{ display:flex; flex-direction:column; gap:10px; }
.ilf-order{ background:var(--bg2v); border:1px solid var(--bd); border-radius:12px; padding:14px 16px; }
.ilf-order-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.ilf-order-svc{ font-weight:600; }
.ilf-order-meta{ display:flex; align-items:center; gap:10px; white-space:nowrap; }
.ilf-tag{ font-size:12px; font-weight:600; padding:3px 9px; border-radius:999px; }
.ilf-tag.ok{ background:rgba(79,195,232,.14); color:var(--okc); }
.ilf-tag.err{ background:rgba(255,122,122,.14); color:var(--badc); }
.ilf-details{ margin-top:12px; }
.ilf-details summary{ cursor:pointer; color:var(--acc); font-size:14px; }
.ilf-details .ilf-response{ margin-top:10px; }

@media (max-width:720px){
  .ilf-auth-grid, .ilf-grid{ grid-template-columns:1fr; }
}

/* FUNDING */
.ilf-tag.pending{ background:rgba(255,197,61,.14); color:var(--amber,#FFC53D); }
.ilf-wallets{ display:flex; flex-direction:column; gap:10px; margin:14px 0 18px; }
.ilf-wallet{ background:var(--bg2v); border:1px solid var(--bd); border-radius:11px; padding:12px 14px; }
.ilf-wallet-label{ display:block; font-weight:600; font-size:13px; margin-bottom:5px; }
.ilf-wallet-addr{ display:block; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13px; color:var(--acc); word-break:break-all; cursor:pointer; }
.ilf-wallet-addr:hover{ opacity:.8; }
.ilf-fund-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ilf-fund-row{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--bd); flex-wrap:wrap; }
.ilf-fund-row:last-child{ border-bottom:none; }
@media (max-width:720px){ .ilf-fund-grid{ grid-template-columns:1fr; } }

/* SECTION TINTS + DIVIDERS */
.ilf-panel.fund{ background:rgba(79,195,232,.06); border-color:rgba(79,195,232,.18); }
.ilf-panel.check{ background:rgba(96,165,250,.06); border-color:rgba(96,165,250,.18); }
.ilf-panel.history{ background:rgba(167,139,250,.06); border-color:rgba(167,139,250,.18); }
.ilf-sec-head{ display:flex; align-items:center; gap:10px; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid var(--bd); }
.ilf-sec-head h3{ margin:0; }
.ilf-sec-ic{ display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.06); color:var(--acc); }
.ilf-panel.fund .ilf-sec-ic{ color:var(--ok,#4FC3E8); }
.ilf-panel.check .ilf-sec-ic{ color:#7fb4ff; }
.ilf-panel.history .ilf-sec-ic{ color:#b9a6fb; }

/* SEARCHABLE PRODUCT LIST */
.ilf-svc-list{ max-height:240px; overflow-y:auto; border:1px solid var(--bd); border-radius:11px; background:var(--bg2v); margin-bottom:16px; }
.ilf-svc-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 14px; cursor:pointer; border-bottom:1px solid rgba(255,255,255,.05); }
.ilf-svc-row:last-child{ border-bottom:none; }
.ilf-svc-row:hover{ background:rgba(255,255,255,.04); }
.ilf-svc-row.sel{ background:rgba(79,168,255,.12); }
.ilf-svc-name{ font-size:14px; }
.ilf-svc-price{ color:var(--acc); font-weight:700; white-space:nowrap; }
.ilf-svc-row.hidden, .ilf-order.hidden{ display:none; }

/* SELECTED SERVICE CHIP */
.ilf-selected{ display:flex; align-items:center; gap:8px; background:rgba(79,168,255,.1); border:1px solid rgba(79,168,255,.3); border-radius:11px; padding:12px 14px; margin-bottom:16px; font-size:14px; }
.ilf-selected:empty{ display:none; }
.ilf-sel-label{ color:var(--mut); font-size:13px; }
.ilf-sel-name{ font-weight:600; }
.ilf-sel-price{ margin-left:auto; color:var(--acc); font-weight:700; font-family:'JetBrains Mono',ui-monospace,monospace; }

/* ANNOUNCEMENT + MESSAGES */
.ilf-announce{ background:rgba(255,197,61,.12); border:1px solid rgba(255,197,61,.35); color:var(--txt); border-radius:11px; padding:14px 16px; margin-bottom:18px; font-size:14px; }
.ilf-announce p{ margin:0; }
.ilf-panel.msgs{ background:rgba(96,165,250,.05); border-color:rgba(96,165,250,.18); }
.ilf-panel.msgs .ilf-sec-ic{ color:#7fb4ff; }
.ilf-msg{ background:var(--bg2v); border:1px solid var(--bd); border-radius:11px; padding:12px 14px; margin-bottom:10px; }
.ilf-msg.unread{ border-color:rgba(79,168,255,.45); }
.ilf-msg-body{ font-size:14px; line-height:1.5; }
.ilf-msg-body p{ margin:0 0 6px; }

/* AUTH PAGES */
.ilf-auth{ max-width:460px; }
.ilf-auth-links{ display:flex; justify-content:space-between; gap:12px; margin-top:16px; flex-wrap:wrap; }
.ilf-auth-links a{ color:var(--acc); font-size:14px; }
.ilf-auth-actions{ display:flex; gap:10px; margin-top:16px; }
.ilf-field .ilf-pwd-toggle{ background:none; border:none; cursor:pointer; color:var(--mut); display:inline-flex; align-items:center; padding:4px; }
.ilf-field .ilf-pwd-toggle:hover{ color:var(--txt); }
.ilf-pwd-toggle .eye-closed{ display:none; }
.ilf-pwd-toggle.on .eye-open{ display:none; }
.ilf-pwd-toggle.on .eye-closed{ display:inline-flex; }

/* ---- Social login buttons ---- */
.ilf-social{margin-top:18px;}
.ilf-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--ilf-muted,#8a9296);font-size:13px;}
.ilf-or::before,.ilf-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12);}
.ilf-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  padding:12px 16px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;
  border:1px solid rgba(255,255,255,.16);background:#fff;color:#1a1a1a;transition:opacity .15s,transform .05s;}
.ilf-social-btn:hover{opacity:.92;}
.ilf-social-btn:active{transform:translateY(1px);}
.ilf-social-btn svg{flex:0 0 auto;}
.ilf-tg-wrap{margin-top:12px;display:flex;justify-content:center;}
.ilf-tg-wrap iframe{margin:0 auto;}

/* ---- Public services list ([ilf_services]) ---- */
.ilf-pub-list{display:flex;flex-direction:column;gap:10px;}
.ilf-pub-row{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;
  background:rgba(255,255,255,.02);transition:border-color .15s,background .15s;}
.ilf-pub-row:hover{border-color:rgba(79,168,255,.35);background:rgba(255,255,255,.04);}
.ilf-pub-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ilf-pub-name{font-weight:600;font-size:15px;line-height:1.25;}
.ilf-pub-price{font-size:13px;color:var(--ilf-muted,#8a9296);font-family:var(--ilf-mono,monospace);}
.ilf-pub-order{flex:0 0 auto;padding:9px 22px;}
@media(max-width:520px){
  .ilf-pub-row{padding:12px 13px;}
  .ilf-pub-order{padding:8px 16px;}
}

/* ---- Support page ([ilf_support]) ---- */
.ilf-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;}
.ilf-support-card{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:16px;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);text-decoration:none;color:inherit;
  transition:border-color .15s,background .15s,transform .05s;}
.ilf-support-card:hover{border-color:rgba(79,168,255,.40);background:rgba(255,255,255,.04);}
.ilf-support-card:active{transform:translateY(1px);}
.ilf-sc-ic{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;
  background:rgba(79,168,255,.12);color:var(--ilf-accent,#4FA8FF);margin-bottom:5px;}
.ilf-sc-tg .ilf-sc-ic{background:rgba(42,171,238,.14);color:#2AABEE;}
.ilf-sc-title{font-weight:700;font-size:15px;}
.ilf-sc-detail{font-family:var(--ilf-mono,ui-monospace,monospace);font-size:13px;color:#fff;word-break:break-all;}
.ilf-sc-note{font-size:12.5px;color:var(--ilf-muted,#8a9296);}
.ilf-faq{display:flex;flex-direction:column;gap:8px;}
.ilf-faq-item{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.02);padding:0 14px;}
.ilf-faq-item summary{cursor:pointer;padding:13px 0;font-weight:600;font-size:14.5px;list-style:none;}
.ilf-faq-item summary::-webkit-details-marker{display:none;}
.ilf-faq-item[open] summary{color:var(--ilf-accent,#4FA8FF);}
.ilf-faq-a{padding:0 0 14px;color:var(--ilf-muted,#8a9296);font-size:14px;line-height:1.55;}

/* =====================================================================
   Client Area app shell: sidebar + views + light/dark themes
   ===================================================================== */
.ilf-app{
  --bg:#0A0D0E; --panel:#12181b; --panel-2:rgba(255,255,255,.03);
  --text:#e9eef0; --muted:#8a9296; --border:rgba(255,255,255,.10);
  --accent:#4FA8FF; --accent-ink:#0A0D0E; --hover:rgba(255,255,255,.05); --side:#10171a;
  display:flex; gap:0; align-items:flex-start;
  background:var(--bg); color:var(--text);
  border:1px solid var(--border); border-radius:22px; overflow:hidden;
  min-height:560px;
}
.ilf-app[data-theme="light"]{
  --bg:#f3f5f7; --panel:#ffffff; --panel-2:#f6f8fa;
  --text:#11181d; --muted:#5c6770; --border:rgba(0,0,0,.10);
  --accent:#1366d6; --accent-ink:#ffffff; --hover:rgba(0,0,0,.04); --side:#ffffff;
}

/* Sidebar */
.ilf-side{
  flex:0 0 252px; align-self:stretch; display:flex; flex-direction:column;
  padding:20px 16px; gap:8px; background:var(--side);
  border-right:1px solid var(--border);
}
.ilf-side-user{display:flex; align-items:center; gap:11px; padding:6px 8px 16px; border-bottom:1px solid var(--border); margin-bottom:8px;}
.ilf-avatar{flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--accent); color:var(--accent-ink); font-weight:800; font-size:18px;}
.ilf-side-id{display:flex; flex-direction:column; min-width:0;}
.ilf-side-id strong{font-size:14.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ilf-side-id .ilf-small{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ilf-nav{display:flex; flex-direction:column; gap:4px; flex:1;}
.ilf-nav-i{display:flex; align-items:center; gap:12px; width:100%; text-align:left; cursor:pointer;
  padding:11px 13px; border-radius:12px; border:0; background:transparent; color:var(--text);
  font-size:14.5px; font-weight:600; transition:background .15s,color .15s;}
.ilf-nav-i svg{flex:0 0 auto; opacity:.85;}
.ilf-nav-i:hover{background:var(--hover);}
.ilf-nav-i.active{background:var(--accent); color:var(--accent-ink);}
.ilf-nav-i.active svg{opacity:1;}
.ilf-side-foot{display:flex; flex-direction:column; gap:10px; padding-top:14px; border-top:1px solid var(--border);}
.ilf-login-time{display:flex; align-items:center; gap:9px; color:var(--text);}
.ilf-login-time .ilf-lt-text{display:flex; flex-direction:column; line-height:1.25;}
.ilf-login-time strong{font-size:13px;}
.ilf-theme-toggle{display:flex; align-items:center; gap:9px; cursor:pointer; width:100%;
  padding:10px 12px; border-radius:11px; border:1px solid var(--border); background:transparent; color:var(--text);
  font-size:13.5px; font-weight:600; transition:background .15s;}
.ilf-theme-toggle:hover{background:var(--hover);}
.ilf-tt-ic{display:none; align-items:center;}
.ilf-app[data-theme="dark"] .ilf-tt-sun{display:inline-flex;}
.ilf-app[data-theme="light"] .ilf-tt-moon{display:inline-flex;}

/* Main */
.ilf-main{flex:1; min-width:0; align-self:stretch; padding:24px 26px 30px; background:var(--bg);}
.ilf-main-top{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
.ilf-main-title{margin:0; font-size:22px;}
.ilf-side-open{display:none; cursor:pointer; border:1px solid var(--border); background:var(--panel); color:var(--text); border-radius:10px; padding:7px;}
.ilf-side-scrim{display:none;}

/* Views */
.ilf-view{display:none;}
.ilf-view.active{display:block; animation:ilfFade .18s ease;}
@keyframes ilfFade{from{opacity:0; transform:translateY(4px);}to{opacity:1; transform:none;}}

/* Scope existing panels/controls to the theme variables */
.ilf-app .ilf-panel{background:var(--panel); border:1px solid var(--border); color:var(--text);}
.ilf-app .ilf-muted{color:var(--muted);}
.ilf-app .ilf-field{background:var(--panel-2); border:1px solid var(--border);}
.ilf-app .ilf-field input,.ilf-app .ilf-select{color:var(--text);}
.ilf-app .ilf-select{background:var(--panel-2); border:1px solid var(--border);}
.ilf-app .ilf-svc-list,.ilf-app .ilf-svc-row,.ilf-app .ilf-wallet,.ilf-app .ilf-order,.ilf-app .ilf-fund-row,.ilf-app .ilf-details{border-color:var(--border);}
.ilf-app .ilf-svc-row:hover{background:var(--hover);}
.ilf-app .ilf-svc-row.sel{border-color:var(--accent);}
.ilf-app .ilf-wallet-addr,.ilf-app code{background:var(--panel-2); color:var(--text);}
.ilf-app .ilf-btn.primary{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.ilf-app .ilf-btn.ghost{background:transparent; color:var(--text); border:1px solid var(--border);}
.ilf-app .ilf-btn.sm{padding:7px 16px; font-size:13px; margin-top:10px;}

/* Dashboard overview */
.ilf-quick{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-top:14px;}
.ilf-quick-i{display:flex; align-items:center; gap:13px; cursor:pointer; text-align:left;
  padding:16px; border-radius:16px; border:1px solid var(--border); background:var(--panel); color:var(--text);
  transition:border-color .15s,background .15s;}
.ilf-quick-i:hover{border-color:var(--accent); background:var(--hover);}
.ilf-quick-i svg{flex:0 0 auto; color:var(--accent);}
.ilf-qt{display:flex; flex-direction:column; line-height:1.3;}

/* Profile */
.ilf-profile{display:flex; flex-direction:column;}
.ilf-prof-row{display:flex; justify-content:space-between; gap:16px; padding:13px 2px; border-bottom:1px solid var(--border); font-size:14.5px;}
.ilf-prof-row:last-child{border-bottom:0;}
.ilf-prof-v{text-align:right; font-weight:600; word-break:break-word;}

/* Responsive: collapse sidebar into a drawer */
@media(max-width:760px){
  .ilf-app{position:relative;}
  .ilf-side{position:absolute; z-index:30; top:0; bottom:0; left:0; width:262px; flex-basis:262px;
    transform:translateX(-105%); transition:transform .22s ease; box-shadow:0 0 40px rgba(0,0,0,.4);}
  .ilf-app.side-open .ilf-side{transform:none;}
  .ilf-side-scrim{display:block; position:absolute; inset:0; z-index:20; background:rgba(0,0,0,.45); opacity:0; pointer-events:none; transition:opacity .2s;}
  .ilf-app.side-open .ilf-side-scrim{opacity:1; pointer-events:auto;}
  .ilf-side-open{display:inline-flex;}
  .ilf-main{padding:18px 16px 26px;}
  .ilf-main-title{font-size:18px;}
}

/* ---- Dashboard: hide site header; brand lives inside the drawer ---- */
body.ilf-dashboard .nav{ display:none !important; }
.ilf-side-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; margin-bottom:16px; }
.ilf-side-brand .brand-mark{ width:34px; height:34px; border-radius:9px; display:grid; place-items:center; flex:0 0 auto; background:var(--accent); }
.ilf-side-brand .brand-name{ font-weight:800; font-size:18px; color:var(--text); letter-spacing:-.01em; }
.ilf-side-brand .dot{ color:var(--accent); }

/* ---- Choose a Service: dropdown trigger ---- */
.ilf-select-trigger{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  padding:13px 14px; border-radius:12px; border:1px solid var(--border); background:var(--panel-2);
  color:var(--text); font-size:15px; font-weight:600; cursor:pointer; margin:4px 0; text-align:left; }
.ilf-select-trigger:hover{ border-color:var(--accent); }
.ilf-select-trigger .ilf-select-right{ display:flex; align-items:center; gap:8px; color:var(--muted); }
.ilf-select-trigger svg{ transition:transform .15s; }
.ilf-select-trigger.open svg{ transform:rotate(180deg); }
.ilf-select-trigger.shake{ animation:ilfShake .45s; border-color:var(--bad); }
@keyframes ilfShake{ 0%,100%{transform:translateX(0);} 25%{transform:translateX(-4px);} 75%{transform:translateX(4px);} }
#ilfSvcList{ display:none; margin-top:6px; }
#ilfSvcList.open{ display:block; }

/* ---- Profile link under user ---- */
.ilf-side-profile{ margin:-2px 0 10px; }

/* ---- Account Activities timeline ---- */
.ilf-timeline{ display:flex; flex-direction:column; }
.ilf-act-row{ display:flex; justify-content:space-between; gap:14px; padding:13px 2px; border-bottom:1px solid var(--border); }
.ilf-act-row:last-child{ border-bottom:0; }
.ilf-act-main{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.ilf-act-title{ font-weight:600; font-size:14.5px; }
.ilf-act-meta{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.ilf-tag.pending{ background:rgba(255,197,61,.14); color:#FFC53D; }

/* ---- Product category titles + thick dividers (storefront) ---- */
.ilf-cat-title{ margin:22px 0 12px; padding-top:16px; border-top:3px solid var(--border);
  font-size:15px; font-weight:800; letter-spacing:.02em; color:var(--text); text-transform:uppercase; }
.ilf-cat-title:first-of-type{ margin-top:6px; padding-top:0; border-top:0; }
.ilf-svc-cat{ margin:10px 0 4px; padding-top:10px; border-top:3px solid var(--border);
  font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.ilf-svc-list .ilf-svc-cat:first-child{ margin-top:0; padding-top:4px; border-top:0; }

/* ---- Add Funds: payment method list ---- */
.ilf-pay-head{ display:flex; justify-content:space-between; color:var(--muted); font-size:12px;
  text-transform:uppercase; letter-spacing:.06em; padding:0 4px 8px; border-bottom:1px solid var(--border); margin-bottom:12px; }
.ilf-pay{ border:1px solid var(--border); border-radius:16px; background:var(--panel-2); margin-bottom:12px; overflow:hidden; }
.ilf-pay-row{ display:flex; align-items:center; gap:13px; padding:14px 14px; }
.ilf-pay-ic{ width:44px; height:44px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center;
  background:rgba(79,168,255,.14); color:var(--accent); }
.ilf-pay-name{ flex:1; min-width:0; font-weight:700; font-size:15px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ilf-pay-badge{ font-size:11px; font-weight:800; letter-spacing:.04em; padding:3px 9px; border-radius:999px;
  background:rgba(79,168,255,.16); color:var(--accent); }
.ilf-pay-top{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:10px 22px; border-radius:999px; }
.ilf-pay-top svg{ flex:0 0 auto; }
.ilf-pay-panel{ display:none; padding:0 14px 16px; border-top:1px solid var(--border); }
.ilf-pay-panel.open{ display:block; }
.ilf-pay-panel .ilf-wallet-addr{ display:block; margin:8px 0 14px; word-break:break-all; }
@media (max-width:520px){
  .ilf-pay-row{ flex-wrap:wrap; }
  .ilf-pay-top{ width:100%; justify-content:center; margin-top:4px; }
}

/* ---- IMEI validation error ---- */
.ilf-imei-error{ color:var(--bad); font-size:13px; margin:6px 2px 2px; }
.ilf-field.invalid{ border-color:var(--bad); }

/* ---- Dashboard stat cards ---- */
.ilf-stat-cards{ display:grid; grid-template-columns:1fr; gap:14px; margin-bottom:16px; }
@media (min-width:560px){ .ilf-stat-cards{ grid-template-columns:1fr 1fr; } }
.ilf-stat-card{ background:var(--panel); border:1px solid var(--border); border-radius:18px; padding:18px; }
.ilf-stat-top{ display:flex; align-items:center; gap:14px; }
.ilf-stat-ic{ width:58px; height:58px; flex:0 0 auto; border-radius:16px; display:grid; place-items:center; background:var(--accent); color:var(--accent-ink,#0A0D0E); }
.ilf-stat-ic.alt{ background:rgba(79,168,255,.16); color:var(--accent); }
.ilf-stat-rt{ display:flex; flex-direction:column; margin-left:auto; text-align:right; }
.ilf-stat-label{ color:var(--muted); font-size:13px; }
.ilf-stat-val{ font-size:30px; font-weight:800; line-height:1.1; letter-spacing:-.02em; }
.ilf-stat-foot{ margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.ilf-stat-link{ background:none; border:0; color:var(--accent); font-weight:700; font-size:14px; cursor:pointer; padding:0; }
.ilf-stat-link:hover{ text-decoration:underline; }

/* ---- Last 5 ---- */
.ilf-l5-head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; flex-wrap:wrap; }
.ilf-l5-title{ font-weight:800; font-size:15px; }
.ilf-l5-tabs{ display:flex; gap:6px; margin-left:auto; }
.ilf-l5-tab{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border); background:var(--panel-2); color:var(--muted); border-radius:999px; padding:7px 14px; font-weight:600; font-size:13px; cursor:pointer; }
.ilf-l5-tab.active{ background:var(--accent); color:var(--accent-ink,#0A0D0E); border-color:var(--accent); }
.ilf-l5-body{ display:none; flex-direction:column; }
.ilf-l5-body.active{ display:flex; }
.ilf-l5-row{ display:flex; justify-content:space-between; gap:12px; padding:11px 2px; border-bottom:1px solid var(--border); }
.ilf-l5-row:last-child{ border-bottom:0; }
.ilf-l5-main{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ilf-l5-name{ font-weight:600; font-size:14px; }
.ilf-l5-meta{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }