:root {
  --lb-navy:     #0f1f45;
  --lb-blue:     #2563eb;
  --lb-blue-lt:  #3b82f6;
  --lb-blue-xs:  #eff6ff;
  --lb-accent:   #0ea5e9;
  --lb-green:    #16a34a;
  --lb-orange:   #ea580c;
  --lb-yellow:   #ca8a04;
  --lb-red:      #dc2626;
  --lb-gray-50:  #f8fafc;
  --lb-gray-100: #f1f5f9;
  --lb-gray-200: #e2e8f0;
  --lb-gray-300: #cbd5e1;
  --lb-gray-500: #64748b;
  --lb-gray-700: #334155;
  --lb-gray-900: #0f172a;
  --lb-white:    #ffffff;
  --lb-shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --lb-shadow:    0 4px 12px rgba(0,0,0,.08);
  --lb-shadow-lg: 0 10px 30px rgba(0,0,0,.1);
  --lb-radius:    10px;
  --lb-radius-lg: 14px;
  --lb-radius-xl: 20px;
  --sidebar-w:    260px;
  --transition:   .18s ease;
}

 
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: var(--lb-gray-900);
  background: var(--lb-white);
  line-height: 1.65;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: .5rem;
  color: var(--lb-gray-900);
}
p { margin-bottom: 1rem; }
a { color: var(--lb-blue); }
img { max-width: 100%; }

/* ── Navbar (public) ─────────────────────────────────────── */
.lb-navbar {
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--lb-gray-200);
  padding: .9rem 0;
}
.lb-brand {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--lb-navy) !important;
  text-decoration: none !important;
  display: flex; align-items: center; gap: .5rem;
  letter-spacing: -.5px;
}
.lb-brand .accent { color: var(--lb-blue); }
.lb-logo-icon {
  width: 36px; height: 36px;
  background: linear-gradient(135deg, var(--lb-blue) 0%, var(--lb-accent) 100%);
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.1rem; flex-shrink: 0;
}
.lb-logo-sm { width: 30px; height: 30px; font-size: .95rem; border-radius: 7px; }
.navbar-nav .nav-link {
  font-weight: 500; font-size: .95rem;
  color: var(--lb-gray-500) !important;
  padding: .4rem .9rem !important;
  border-radius: 7px;
  transition: color var(--transition), background var(--transition);
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
  color: var(--lb-blue) !important;
  background: var(--lb-blue-xs);
}

 
.btn { font-family: 'Roboto', sans-serif; font-weight: 500; border-radius: var(--lb-radius); transition: all var(--transition); }
.lb-btn-primary {
  background: var(--lb-blue) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: var(--lb-radius) !important;
  padding: .55rem 1.4rem !important;
  letter-spacing: .01em;
}
.lb-btn-primary:hover { background: #1d4ed8 !important; box-shadow: 0 4px 14px rgba(37,99,235,.35) !important; transform: translateY(-1px); }
.lb-btn-outline {
  border: 1.5px solid var(--lb-blue) !important;
  color: var(--lb-blue) !important;
  font-weight: 600;
  border-radius: var(--lb-radius) !important;
  padding: .52rem 1.4rem !important;
  background: transparent !important;
}
.lb-btn-outline:hover { background: var(--lb-blue-xs) !important; }

/* ── Hero ────── */
.lb-hero {
  background: linear-gradient(150deg, #f0f7ff 0%, #fff 50%, #f0fbff 100%);
  padding: 7rem 0 6rem;
  position: relative; overflow: hidden;
}
.lb-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 65% 55% at 75% 35%, rgba(14,165,233,.07), transparent);
  pointer-events: none;
}
.lb-hero-badge {
  display: inline-flex; align-items: center; gap: .4rem;
  background: rgba(37,99,235,.09); color: var(--lb-blue);
  border-radius: 100px; padding: .3rem 1rem;
  font-size: .79rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  margin-bottom: 1.4rem;
}
.lb-hero h1 { font-size: clamp(2.3rem,5vw,3.8rem); font-weight: 900; letter-spacing: -.03em; margin-bottom: 1.1rem; }
.lb-hero h1 .accent { color: var(--lb-blue); }
.lb-hero p.lead { font-size: 1.13rem; color: var(--lb-gray-500); max-width: 530px; line-height: 1.8; }
.lb-hero-cta { display: flex; gap: .9rem; flex-wrap: wrap; margin-top: 2.2rem; }
.lb-hero-visual {
  background: var(--lb-white); border-radius: var(--lb-radius-xl);
  box-shadow: var(--lb-shadow-lg); padding: 2rem;
  width: 100%; max-width: 420px;
  border: 1px solid var(--lb-gray-200);
}
.lb-metric {
  display: flex; align-items: center; gap: 1rem;
  padding: .95rem 1rem; border-radius: var(--lb-radius);
  background: var(--lb-gray-50); margin-bottom: .75rem;
}
.lb-metric:last-child { margin-bottom: 0; }
.lb-metric-icon {
  width: 44px; height: 44px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;
}
.lb-metric-icon.blue  { background: rgba(37,99,235,.1);  color: var(--lb-blue); }
.lb-metric-icon.cyan  { background: rgba(14,165,233,.1); color: var(--lb-accent); }
.lb-metric-icon.green { background: rgba(22,163,74,.1);  color: var(--lb-green); }
.lb-metric-value { font-size: 1.45rem; font-weight: 900; line-height: 1; letter-spacing: -.02em; }
.lb-metric-label { font-size: .8rem; color: var(--lb-gray-500); font-weight: 500; margin-top: .15rem; }

 
.lb-section { padding: 5.5rem 0; }
.lb-section-alt { background: var(--lb-gray-50); }
.lb-section-header { text-align: center; margin-bottom: 4rem; }
.lb-section-header .subtitle {
  font-size: .79rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--lb-blue); margin-bottom: .7rem;
}
.lb-section-header h2 { font-size: clamp(1.85rem,3vw,2.55rem); letter-spacing: -.02em; margin-bottom: .9rem; }
.lb-section-header p { color: var(--lb-gray-500); max-width: 560px; margin: 0 auto; font-size: 1.02rem; line-height: 1.8; }

 
.lb-card {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); padding: 2rem; height: 100%;
  transition: box-shadow var(--transition), transform var(--transition);
}
.lb-card:hover { box-shadow: var(--lb-shadow-lg); transform: translateY(-3px); }
.lb-card-icon {
  width: 54px; height: 54px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; margin-bottom: 1.3rem;
}
.lb-card-icon.blue  { background: rgba(37,99,235,.09);  color: var(--lb-blue); }
.lb-card-icon.cyan  { background: rgba(14,165,233,.09); color: var(--lb-accent); }
.lb-card-icon.green { background: rgba(22,163,74,.09);  color: var(--lb-green); }
.lb-card-icon.navy  { background: rgba(15,31,69,.07);   color: var(--lb-navy); }
.lb-card-icon.orange{ background: rgba(234,88,12,.09);  color: var(--lb-orange); }
.lb-card h5 { font-size: 1.05rem; margin-bottom: .5rem; }
.lb-card p  { color: var(--lb-gray-500); font-size: .95rem; line-height: 1.75; margin: 0; }

 
.lb-pricing-card {
  background: var(--lb-white); border: 1.5px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-xl); padding: 2.5rem 2.2rem; height: 100%;
  transition: box-shadow var(--transition), transform var(--transition);
}
.lb-pricing-card:hover { box-shadow: var(--lb-shadow-lg); transform: translateY(-4px); }
.lb-pricing-card.featured {
  background: linear-gradient(155deg, var(--lb-navy) 0%, #1a3070 100%);
  border-color: transparent; color: #fff;
}
.lb-pricing-badge {
  font-size: .76rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  background: rgba(14,165,233,.12); color: var(--lb-accent);
  padding: .28rem .9rem; border-radius: 100px; display: inline-block; margin-bottom: 1.1rem;
}
.lb-price { font-size: 2.9rem; font-weight: 900; line-height: 1; letter-spacing: -.03em; }
.lb-price sup { font-size: 1.3rem; vertical-align: top; margin-top: .55rem; font-weight: 700; }
.lb-pricing-features { list-style: none; padding: 0; margin: 1.7rem 0; }
.lb-pricing-features li {
  padding: .52rem 0; font-size: .96rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  display: flex; align-items: center; gap: .5rem;
}
.lb-pricing-card.featured .lb-pricing-features li { border-color: rgba(255,255,255,.08); }
.lb-pricing-features li:last-child { border: none; }

 
.lb-stats { background: linear-gradient(135deg, var(--lb-navy), #1a3070); padding: 5rem 0; }
.lb-stat-value { font-size: 3rem; font-weight: 900; color: #fff; line-height: 1; letter-spacing: -.03em; }
.lb-stat-label { color: rgba(255,255,255,.6); font-size: .95rem; font-weight: 500; margin-top: .5rem; }

 
.lb-testimonial {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); padding: 2rem;
}
.lb-testimonial-stars { color: #f59e0b; font-size: 1rem; margin-bottom: .85rem; letter-spacing: .1em; }
.lb-testimonial-text { color: var(--lb-gray-500); font-size: .96rem; line-height: 1.8; margin-bottom: 1.2rem; }
.lb-testimonial-author { font-weight: 700; font-size: .93rem; }
.lb-testimonial-role   { font-size: .82rem; color: var(--lb-gray-500); }

 
.lb-cta {
  background: linear-gradient(135deg, var(--lb-blue), var(--lb-accent));
  border-radius: var(--lb-radius-xl); padding: 4.5rem 3rem; color: #fff; text-align: center;
}
.lb-cta h2 { font-size: clamp(1.8rem,3vw,2.4rem); letter-spacing: -.02em; margin-bottom: 1rem; }
.lb-cta p  { font-size: 1.08rem; opacity: .88; margin: 0; }

 
.lb-step-num {
  width: 50px; height: 50px; border-radius: 50%;
  background: linear-gradient(135deg, var(--lb-blue), var(--lb-accent));
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 1.05rem; font-weight: 900; flex-shrink: 0; margin-bottom: 1.1rem;
}


.lb-footer { background: var(--lb-navy); color: rgba(255,255,255,.55); padding: 3.5rem 0 2rem; margin-top: auto; }
.lb-footer a { color: ffffff; text-decoration: none; }
.lb-footer a:hover { color: #fff; }


body.app-layout {
  background: var(--lb-gray-100);
  display: flex;
  min-height: 100vh;
}

 
.lb-sidebar {
  position: fixed; top: 0; left: 0; bottom: 0; width: var(--sidebar-w);
  background: var(--lb-navy);
  display: flex; flex-direction: column;
  z-index: 1040;
  transition: transform var(--transition);
  overflow-y: auto;
}
.lb-sidebar-logo {
  padding: 1.5rem 1.4rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.lb-sidebar-logo .lb-brand { font-size: 1.15rem; color: #fff !important; }
.lb-sidebar-logo .lb-brand .accent { color: #60a5fa; }
.lb-sidebar-nav { flex: 1; padding: 1.2rem .9rem; }
.lb-sidebar-nav .nav-section {
  font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.3); padding: .5rem .85rem; margin-top: 1rem; margin-bottom: .2rem;
}
.lb-sidebar-nav .nav-section:first-child { margin-top: 0; }
.lb-sidebar-nav .nav-link {
  display: flex; align-items: center; gap: .75rem;
  color: rgba(255,255,255,.65) !important;
  border-radius: 8px; padding: .65rem .85rem !important;
  font-weight: 500; font-size: .93rem;
  transition: all var(--transition); margin-bottom: .15rem;
}
.lb-sidebar-nav .nav-link i { font-size: 1.05rem; flex-shrink: 0; width: 18px; text-align: center; }
.lb-sidebar-nav .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.08) !important; }
.lb-sidebar-nav .nav-link.active { color: #fff !important; background: var(--lb-blue) !important; }
.lb-sidebar-nav .nav-link .badge-count {
  margin-left: auto; background: rgba(255,255,255,.15); color: #fff;
  font-size: .7rem; padding: .15rem .45rem; border-radius: 100px; font-weight: 600;
}
.lb-sidebar-footer {
  padding: 1rem 1.4rem; border-top: 1px solid rgba(255,255,255,.06);
  font-size: .83rem; color: rgba(255,255,255,.45); flex-shrink: 0;
}
.lb-sidebar-footer strong { display: block; color: rgba(255,255,255,.9); font-size: .9rem; margin-top: .1rem; }



.lb-main-content {
  margin-left: var(--sidebar-w);
  flex: 1; display: flex; flex-direction: column; min-height: 100vh;
  background: var(--lb-gray-100);
}
.lb-topbar {
  background: var(--lb-white); border-bottom: 1px solid var(--lb-gray-200);
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.75rem;
  position: sticky; top: 0; z-index: 200;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
  flex-shrink: 0;
}
.lb-topbar-title { font-size: 1.18rem; font-weight: 700; margin: 0; color: var(--lb-gray-900); display: flex; align-items: center; }
.lb-topbar-actions { display: flex; align-items: center; gap: .7rem; }
.lb-page-body { padding: 1.75rem; flex: 1; }


.lb-stat-widget {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); padding: 1.5rem 1.6rem;
  display: flex; align-items: center; gap: 1.1rem;
  transition: box-shadow var(--transition), transform var(--transition);
}
.lb-stat-widget:hover { box-shadow: var(--lb-shadow); transform: translateY(-2px); }
.lb-stat-widget-icon {
  width: 50px; height: 50px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0;
}
.lb-stat-widget-value { font-size: 1.9rem; font-weight: 900; line-height: 1; letter-spacing: -.02em; color: var(--lb-gray-900); }
.lb-stat-widget-label { font-size: .83rem; color: var(--lb-gray-500); font-weight: 500; margin-top: .2rem; }
.lb-stat-widget-sub   { font-size: .76rem; color: var(--lb-gray-500); margin-top: .15rem; }


.lb-table-wrap {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); overflow: hidden;
}
.lb-table { font-size: .91rem; margin: 0; }
.lb-table thead th {
  background: var(--lb-gray-50); border-bottom: 1px solid var(--lb-gray-200);
  font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  color: var(--lb-gray-500); padding: .85rem 1.1rem; white-space: nowrap;
}
.lb-table tbody td { padding: .85rem 1.1rem; vertical-align: middle; border-color: var(--lb-gray-200); color: var(--lb-gray-700); }
.lb-table tbody tr:last-child td { border-bottom: none; }
.lb-table tbody tr:hover { background: var(--lb-gray-50); }


.lb-content-card {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); overflow: hidden;
}
.lb-content-card-header {
  padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--lb-gray-200);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--lb-white);
}
.lb-content-card-header h6 { font-size: .93rem; font-weight: 700; margin: 0; color: var(--lb-gray-900); }
.lb-content-card-body { padding: 1.4rem; }


.form-control, .form-select {
  font-family: 'Roboto', sans-serif; font-size: .93rem;
  padding: .6rem 1rem; border-radius: var(--lb-radius);
  border: 1.5px solid var(--lb-gray-200); color: var(--lb-gray-900);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.form-control:focus, .form-select:focus {
  border-color: var(--lb-blue-lt); box-shadow: 0 0 0 3px rgba(59,130,246,.12);
  outline: none;
}
.form-label { font-weight: 600; font-size: .87rem; margin-bottom: .35rem; color: var(--lb-gray-700); }
.form-text  { font-size: .8rem; color: var(--lb-gray-500); margin-top: .3rem; }
.input-group .form-control { border-radius: var(--lb-radius) 0 0 var(--lb-radius); }
.input-group .btn { border-radius: 0 var(--lb-radius) var(--lb-radius) 0; }


.modal-content { border-radius: var(--lb-radius-xl); border: none; box-shadow: var(--lb-shadow-lg); font-family: 'Roboto', sans-serif; }
.modal-header  { padding: 1.4rem 1.6rem 1rem; border-bottom: 1px solid var(--lb-gray-200); }
.modal-body    { padding: 1.25rem 1.6rem; }
.modal-footer  { padding: 1rem 1.6rem 1.4rem; border-top: 1px solid var(--lb-gray-200); }
.modal-title   { font-weight: 700; font-size: 1.05rem; }


.alert { border-radius: var(--lb-radius); font-size: .92rem; padding: .85rem 1.15rem; border: none; }
.alert-success { background: #f0fdf4; color: #166534; }
.alert-danger  { background: #fef2f2; color: #991b1b; }
.alert-warning { background: #fffbeb; color: #92400e; }
.alert-info    { background: #eff6ff; color: #1e40af; }


.badge { font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: .02em; }
.lb-badge { display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 600; padding: .25rem .7rem; border-radius: 100px; }
.lb-badge-blue    { background: var(--lb-blue-xs); color: var(--lb-blue); }
.lb-badge-green   { background: #f0fdf4; color: var(--lb-green); }
.lb-badge-yellow  { background: #fefce8; color: var(--lb-yellow); }
.lb-badge-red     { background: #fef2f2; color: var(--lb-red); }
.lb-badge-gray    { background: var(--lb-gray-100); color: var(--lb-gray-500); }
.lb-badge-orange  { background: #fff7ed; color: var(--lb-orange); }
.lb-badge-navy    { background: rgba(15,31,69,.08); color: var(--lb-navy); }


.lb-status-active    { background: #f0fdf4; color: #15803d; font-size:.75rem; font-weight:600; padding:.2rem .65rem; border-radius:100px; }
.lb-status-pending   { background: #fffbeb; color: #b45309; font-size:.75rem; font-weight:600; padding:.2rem .65rem; border-radius:100px; }
.lb-status-suspended { background: #fef2f2; color: #b91c1c; font-size:.75rem; font-weight:600; padding:.2rem .65rem; border-radius:100px; }
.lb-status-approved  { background: #f0fdf4; color: #15803d; font-size:.75rem; font-weight:600; padding:.2rem .65rem; border-radius:100px; }
.lb-status-rejected  { background: #fef2f2; color: #b91c1c; font-size:.75rem; font-weight:600; padding:.2rem .65rem; border-radius:100px; }


.lb-plan-starter      { background: var(--lb-gray-100); color: var(--lb-gray-700); font-size:.74rem; font-weight:700; padding:.22rem .65rem; border-radius:100px; }
.lb-plan-professional { background: var(--lb-blue-xs); color: var(--lb-blue); font-size:.74rem; font-weight:700; padding:.22rem .65rem; border-radius:100px; }
.lb-plan-enterprise   { background: rgba(15,31,69,.07); color: var(--lb-navy); font-size:.74rem; font-weight:700; padding:.22rem .65rem; border-radius:100px; }


.lb-da-high { background: #f0fdf4; color: var(--lb-green); font-size:.75rem; font-weight:700; padding:.22rem .6rem; border-radius:6px; }
.lb-da-mid  { background: var(--lb-blue-xs); color: var(--lb-blue); font-size:.75rem; font-weight:700; padding:.22rem .6rem; border-radius:6px; }
.lb-da-low  { background: var(--lb-gray-100); color: var(--lb-gray-500); font-size:.75rem; font-weight:700; padding:.22rem .6rem; border-radius:6px; }


.lb-activity { list-style: none; padding: 0; margin: 0; }
.lb-activity li {
  display: flex; gap: .9rem; align-items: flex-start;
  padding: .75rem 0; border-bottom: 1px solid var(--lb-gray-200);
}
.lb-activity li:last-child { border: none; padding-bottom: 0; }
.lb-activity-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: .45rem;
}
.lb-activity-dot.success { background: var(--lb-green); }
.lb-activity-dot.info    { background: var(--lb-blue-lt); }
.lb-activity-dot.warning { background: #f59e0b; }
.lb-activity-dot.error   { background: var(--lb-red); }


.lb-auth-wrap {
  min-height: 100vh; background: linear-gradient(150deg, #f0f7ff, #e0f2fe);
  display: flex; align-items: center; justify-content: center; padding: 2rem;
}
.lb-auth-card {
  background: var(--lb-white); border-radius: var(--lb-radius-xl);
  border: 1px solid var(--lb-gray-200); padding: 3rem 2.5rem;
  width: 100%; max-width: 460px; box-shadow: var(--lb-shadow-lg);
}
.lb-auth-logo { text-align: center; margin-bottom: 2.2rem; }


.lb-plan-card {
  border: 2px solid var(--lb-gray-200); border-radius: var(--lb-radius-lg);
  padding: 1.4rem; cursor: pointer; transition: all var(--transition);
  background: var(--lb-white); position: relative;
}
.lb-plan-card:hover { border-color: var(--lb-blue-lt); box-shadow: var(--lb-shadow-sm); }
.lb-plan-card.selected { border-color: var(--lb-blue); background: var(--lb-blue-xs); }
.lb-plan-card .plan-name { font-weight: 700; font-size: .97rem; color: var(--lb-gray-900); }
.lb-plan-card .plan-price { font-size: 1.6rem; font-weight: 900; color: var(--lb-blue); letter-spacing: -.02em; margin: .3rem 0; }
.lb-plan-card .plan-desc { font-size: .83rem; color: var(--lb-gray-500); }


.lb-wallet-card {
  background: linear-gradient(135deg, var(--lb-navy) 0%, #1a3070 100%);
  border-radius: var(--lb-radius-lg); padding: 1.5rem;
  color: #fff;
}
.lb-wallet-card .wc-label { font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.lb-wallet-card .wc-value { font-size: 2.2rem; font-weight: 900; line-height: 1; margin: .3rem 0; letter-spacing: -.02em; }
.lb-wallet-card .wc-plan  { font-size: .82rem; opacity: .75; }


.lb-chart-wrap {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); padding: 1.4rem;
  position: relative;
}
.lb-chart-wrap canvas { max-height: 260px; }


.lb-action-tile {
  background: var(--lb-white); border: 1px solid var(--lb-gray-200);
  border-radius: var(--lb-radius-lg); padding: 1.2rem 1.4rem;
  display: flex; align-items: center; gap: .9rem;
  text-decoration: none; color: var(--lb-gray-700);
  transition: all var(--transition); font-weight: 500; font-size: .93rem;
}
.lb-action-tile:hover { box-shadow: var(--lb-shadow); transform: translateY(-2px); color: var(--lb-blue); border-color: var(--lb-blue-lt); }
.lb-action-tile i { font-size: 1.2rem; }


.lb-page-header { margin-bottom: 1.5rem; }
.lb-page-header h1 { font-size: 1.35rem; font-weight: 800; margin: 0; }
.lb-page-header p  { color: var(--lb-gray-500); font-size: .93rem; margin: .3rem 0 0; }


.lb-sidebar-toggle {
  display: none; background: none; border: none; cursor: pointer;
  color: var(--lb-gray-700); font-size: 1.3rem; padding: 0; margin-right: .5rem;
}


@media (max-width: 992px) {
  .lb-sidebar { transform: translateX(-100%); }
  .lb-sidebar.open { transform: translateX(0); box-shadow: 4px 0 24px rgba(0,0,0,.15); }
  .lb-main-content { margin-left: 0; }
  .lb-topbar { padding: .85rem 1.1rem; }
  .lb-page-body { padding: 1.1rem; }
  .lb-sidebar-toggle { display: block; }
}
@media (max-width: 576px) {
  .lb-stat-widget { flex-direction: column; align-items: flex-start; gap: .6rem; padding: 1.2rem; }
  .lb-stat-widget-icon { width: 40px; height: 40px; font-size: 1.1rem; }
  .lb-stat-widget-value { font-size: 1.65rem; }
}