/* Modern Pro UI */
:root{
  --kbb-txt:#0f172a; --kbb-sub:#6b7280; --kbb-muted:#94a3b8;
  --kbb-card:#fff; --kbb-line:#e5e7eb; --kbb-accent:#4f8dfd; --kbb-accent-2:#6ee7b7; --kbb-accent-3:#fda4af;
  --kbb-gold:#f8c33b; --kbb-silver:#c0c4cf; --kbb-bronze:#f07a2b;
}
/* Filters */
.kbb-filters{display:flex;gap:8px;flex-wrap:wrap;max-width:1200px;margin:8px auto;padding:10px 12px;background:#fff;border:1px solid var(--kbb-line);border-radius:16px}
.kbb-filters input,.kbb-filters select{border:1px solid var(--kbb-line);border-radius:12px;padding:10px 12px;font-size:14px}
.kbb-filters .kbb-btn{padding:10px 14px;border-radius:12px;border:1px solid var(--kbb-accent);background:var(--kbb-accent);color:#fff;cursor:pointer}
/* Grid */
.kbb-list-shell{max-width:1200px;margin:10px auto 18px;padding:0 12px}
.kbb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.kbb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kbb-grid{grid-template-columns:1fr}}

/* Card Pro */
.kbb-card-pro{position:relative;overflow:hidden;border:1px solid var(--kbb-line);border-radius:20px;background:var(--kbb-card);padding:16px;transition:transform .25s ease, box-shadow .25s ease}
.kbb-card-pro:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,24,39,.08)}
.kbb-card-top{display:flex;align-items:center;gap:10px}
.kbb-ico{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;opacity:.9}
.kbb-ico-trophy{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%230f172a"><path d="M4 3h12v2a4 4 0 0 1-3 3.87A5 5 0 0 1 11 11.9V14h3v2H6v-2h3v-2.1A5 5 0 0 1 5 8.87 4 4 0 0 1 4 5V3Zm2 2v.12A3 3 0 0 0 8.88 8h6.24A3 3 0 0 0 18 5.12V5H6Zm-2 0H2v2a3 3 0 0 0 3 3h.12A5.02 5.02 0 0 1 4 7V5Z"/></svg>');}
.kbb-ico-medal{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"%2399a5b3\"><path d=\"M10 2l3 4h-2l-1-2-1 2H7l3-4Zm0 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 .001 6.001A3 3 0 0 0 10 9Z\"/></svg>');opacity:.3;margin-left:auto}
.kbb-ico-tiny-trophy{width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%236b7280\"><path d=\"M3 2h10v1.5a3 3 0 0 1-2.25 2.9A4 4 0 0 1 8.5 9v1h2.5v1H5V10h2.5V9a4 4 0 0 1-2.25-2.6A3 3 0 0 1 3 3.5V2Zm1.5 1V3.1A2 2 0 0 0 6.1 5h5.8A2 2 0 0 0 13.5 3.1V3h-9Z\"/></svg>');}
.kbb-ico-pin{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"%230f172a\"><path d=\"M9 1a6 6 0 0 0-6 6c0 4 6 10 6 10s6-6 6-10a6 6 0 0 0-6-6Zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z\"/></svg>');}
.kbb-ico-calendar{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"%230f172a\"><path d=\"M5 1h2v2H5V1Zm6 0h2v2h-2V1ZM3 3h12v12H3V3Zm1 4h10v1H4V7Z\"/></svg>');}

.kbb-pill{font-size:12px;padding:6px 10px;border-radius:999px;background:#eef2ff;border:1px solid #e2e8f0}
.kbb-pill.rank-gold{background:rgba(248,195,59,.2);border-color:rgba(248,195,59,.5)}
.kbb-pill.rank-silver{background:rgba(192,196,207,.25);border-color:rgba(192,196,207,.6)}
.kbb-pill.rank-bronze{background:rgba(240,122,43,.18);border-color:rgba(240,122,43,.5)}

.kbb-card-title.pro{margin:6px 0 2px;font-size:22px;letter-spacing:.2px}
.kbb-row{display:flex;align-items:center;gap:8px;margin:6px 0}
.kbb-card-sub.strong{font-size:14px;color:#334155;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
.kbb-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.kbb-pairs .lbl{display:block;color:var(--kbb-muted);font-size:12px}
.kbb-pairs .val{display:block;color:#111827;font-weight:600}
.kbb-sep{border:0;border-top:1px solid var(--kbb-line);margin:10px 0}
.kbb-meta-line{display:flex;align-items:center;gap:8px;color:#111827;font-size:14px;margin:6px 0}
.kbb-corner{position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;background:radial-gradient(closest-side, rgba(79,141,253,.15), rgba(79,141,253,0));border-radius:50%}

/* Pagination */
.kbb-pag{display:flex;gap:8px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.kbb-pag a{border:1px solid var(--kbb-line);padding:8px 12px;border-radius:12px;color:#111827;text-decoration:none;background:#fff}
.kbb-pag a.active{background:var(--kbb-accent);color:#fff;border-color:transparent}
.kbb-pag .dots{padding:8px 8px;color:#9ca3af}

/* Carousel */
.kbb-carousel-shell{max-width:1200px;margin:10px auto 24px;padding:0 12px}
.kbb-sb-carousel{position:relative;background:linear-gradient(180deg,#ffffff00,#ffffffcc10);border:0px solid var(--kbb-line);border-radius:20px;padding:14px}
.kbb-sb-viewport{overflow:hidden}
.kbb-sb-track{display:flex;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.kbb-sb-slide{padding:8px;box-sizing:border-box;min-width:33.333%}
@media(max-width:1100px){.kbb-sb-slide{min-width:50%}}
@media(max-width:640px){.kbb-sb-slide{min-width:100%}}
.kbb-sb-prev,.kbb-sb-next{visibility: hidden;position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--kbb-line);color:#0f172a;cursor:pointer}
.kbb-sb-prev{left:8px}.kbb-sb-next{right:8px}
.kbb-sb-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
.kbb-sb-dots .dot{width:9px;height:9px;border-radius:999px;background:#cbd5e1;border:0}
.kbb-sb-dots .dot.active{background:var(--kbb-accent)}

/* Stats Cards */
.kbb-stats-row{max-width:1200px;margin:8px auto 18px;padding:0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.kbb-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kbb-stats-row{grid-template-columns:1fr}}
.kbb-stat-card{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--kbb-line);border-radius:18px;padding:16px;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.kbb-stat-card:hover{transform:translateY(-4px) rotate(-.25deg);box-shadow:0 16px 40px rgba(17,24,39,.08);border-color:#dbeafe}
.kbb-stat-left .kbb-stat-ico{width:64px;height:64px;display:inline-block;border-radius:16px;box-shadow:0 10px 20px rgba(20,60,150,.12);background:#e2ecff url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" fill=\"%23ffffff\"><path d=\"M12 6h12v2a4 4 0 0 1-3 3.87A5 5 0 0 1 15 14v2h3v3H10v-3h3v-2a5 5 0 0 1-4-4A4 4 0 0 1 8 8V6Z\"/></svg>') center/36px 36px no-repeat}
.kbb-stat-ico-trophy{background:#6ba0ff !important}
.kbb-stat-ico-gold{background:#ffd86b !important}
.kbb-stat-ico-silver{background:#d2d6df !important}
.kbb-stat-ico-bronze{background:#ffa66b !important}
.kbb-stat-value{font-size:40px;font-weight:800;color:#0f172a;line-height:1}
.kbb-stat-label{color:var(--kbb-sub);font-size:18px;margin-top:6px}
.kbb-stat-corner{position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;background:radial-gradient(closest-side, rgba(79,141,253,.15), rgba(79,141,253,0));border-radius:50%}

.kbb-pill.rank-gold{background:linear-gradient(135deg, rgba(248,195,59,.28), rgba(248,195,59,.12));border-color:rgba(248,195,59,.55)}
.kbb-pill.rank-silver{background:linear-gradient(135deg, rgba(192,196,207,.35), rgba(192,196,207,.15));border-color:rgba(192,196,207,.6)}
.kbb-pill.rank-bronze{background:linear-gradient(135deg, rgba(240,122,43,.28), rgba(240,122,43,.12));border-color:rgba(240,122,43,.55)}