:root{--wb-primary:#2563eb;--wb-primary-2:#1d4ed8;--wb-dark:#0f172a;--wb-dark-2:#111827;--wb-bg:#f5f7fa;--wb-card:#fff;--wb-text:#0f172a;--wb-muted:#64748b;--wb-border:#e2e8f0;--wb-success:#22c55e;--wb-warning:#f59e0b;--wb-danger:#ef4444;--wb-info:#0ea5e9;--wb-radius:18px;--wb-radius-sm:12px;--wb-shadow:0 14px 35px rgba(15,23,42,.08);--wb-transition:.22s ease}*{box-sizing:border-box}body.wb-body{margin:0;background:var(--wb-bg);color:var(--wb-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400}a{color:inherit}.wb-app{min-height:100vh;display:flex}.wb-sidebar{width:286px;background:linear-gradient(180deg,var(--wb-dark),var(--wb-dark-2));color:#fff;padding:18px 14px;transition:var(--wb-transition);position:sticky;top:0;height:100vh;overflow:auto;z-index:30}.wb-sidebar.is-collapsed{width:86px}.wb-brand{display:flex;align-items:center;gap:12px;padding:8px 10px 20px}.wb-logo{width:40px;height:40px;border-radius:14px;background:var(--wb-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:-.04em}.wb-brand-text{display:flex;flex-direction:column;line-height:1.1}.wb-brand-text strong{font-size:20px;font-weight:600}.wb-brand-text small{font-size:12px;color:#94a3b8;margin-top:4px}.wb-sidebar.is-collapsed .wb-brand-text,.wb-sidebar.is-collapsed .wb-nav-label{display:none}.wb-nav{display:flex;flex-direction:column;gap:4px}.wb-nav-item{color:#cbd5e1;text-decoration:none;display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;font-size:14px;white-space:nowrap;transition:var(--wb-transition)}.wb-nav-item:hover,.wb-nav-item.is-active{background:rgba(255,255,255,.08);color:#fff}.wb-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.wb-ico svg{width:20px;height:20px}.wb-main{flex:1;min-width:0}.wb-topbar{min-height:82px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--wb-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px;position:sticky;top:0;z-index:10}.wb-top-left{display:flex;align-items:center;gap:14px}.wb-menu-btn{border:1px solid var(--wb-border);background:#fff;border-radius:13px;width:42px;height:42px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.wb-menu-btn span{display:block;width:18px;height:2px;background:#334155;border-radius:99px}.wb-kicker{font-size:12px;color:var(--wb-muted);text-transform:uppercase;letter-spacing:.08em}.wb-topbar h1{margin:2px 0 0;font-size:23px;letter-spacing:-.03em}.wb-top-actions{display:flex;align-items:center;gap:10px}.wb-search-wrap{height:42px;border:1px solid var(--wb-border);border-radius:14px;padding:0 12px;min-width:280px;display:flex;gap:8px;align-items:center;background:#fff}.wb-search-wrap svg{color:var(--wb-muted)}.wb-search{border:0;outline:0;min-width:0;width:100%;font:inherit}.wb-status,.wb-user,.wb-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:12px;background:#eff6ff;color:#1d4ed8;font-weight:500}.wb-status i{width:8px;height:8px;background:var(--wb-success);border-radius:50%;display:inline-block}.wb-icon-btn{position:relative;border:1px solid var(--wb-border);background:#fff;border-radius:13px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#334155}.wb-icon-btn b{position:absolute;right:-4px;top:-5px;background:var(--wb-danger);color:#fff;border-radius:999px;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.wb-content{padding:28px}.wb-hero{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--wb-border);border-radius:26px;padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end;box-shadow:var(--wb-shadow)}.wb-hero h2{font-size:34px;margin:10px 0 8px;letter-spacing:-.05em}.wb-hero p{margin:0;color:var(--wb-muted);max-width:780px;line-height:1.55}.wb-hero-actions,.wb-panel-actions{display:flex;gap:10px;flex-wrap:wrap}.wb-grid{display:grid;gap:16px}.wb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-mt{margin-top:20px}.wb-card,.wb-panel,.wb-simple-card{background:var(--wb-card);border:1px solid var(--wb-border);border-radius:var(--wb-radius);padding:20px}.wb-card{transition:var(--wb-transition)}.wb-card:hover{transform:translateY(-2px);box-shadow:var(--wb-shadow)}.wb-card-label{display:block;color:var(--wb-muted);font-size:13px}.wb-card strong{display:block;font-size:30px;margin-top:8px;letter-spacing:-.04em}.wb-card small{display:block;color:var(--wb-muted);margin-top:8px}.wb-dot.success{color:#15803d}.wb-dot.warning{color:#b45309}.wb-dot.danger{color:#b91c1c}.wb-dot.info{color:#0369a1}.wb-panel{min-width:0}.wb-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.wb-panel h2{margin:0;font-size:18px;letter-spacing:-.03em}.wb-muted{color:var(--wb-muted)}.wb-badge.success{background:#dcfce7;color:#166534}.wb-badge.warning{background:#fef3c7;color:#92400e}.wb-badge.danger{background:#fee2e2;color:#991b1b}.wb-badge-soft{background:#dbeafe;color:#1d4ed8}.wb-table-wrap{overflow:auto;border:1px solid var(--wb-border);border-radius:14px}.wb-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.wb-table th,.wb-table td{padding:14px;border-bottom:1px solid var(--wb-border);text-align:left;white-space:nowrap}.wb-table tr:last-child td{border-bottom:0}.wb-table th{color:var(--wb-muted);font-weight:500;background:#f8fafc}.wb-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:12px 18px;text-decoration:none;cursor:pointer;font:inherit;font-weight:500;transition:var(--wb-transition)}.wb-btn-primary{background:var(--wb-primary);color:#fff}.wb-btn-primary:hover{background:var(--wb-primary-2)}.wb-btn-secondary{background:#fff;color:#0f172a;border-color:var(--wb-border)}.wb-btn-secondary:hover{border-color:#bfdbfe;color:var(--wb-primary)}.wb-input{height:44px;width:100%;border:1px solid var(--wb-border);background:#fff;border-radius:14px;padding:0 13px;font:inherit;outline:0}.wb-input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #dbeafe}.wb-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wb-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#334155;font-weight:500}.wb-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.wb-step{border:1px solid var(--wb-border);border-radius:16px;padding:14px;background:#f8fafc;display:flex;align-items:center;gap:10px}.wb-step b{width:30px;height:30px;border-radius:10px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center}.wb-step span{font-size:13px;font-weight:500}.wb-checklist{display:flex;flex-direction:column;gap:12px}.wb-checklist div{display:flex;gap:10px;align-items:flex-start;color:#334155}.wb-checklist span{color:var(--wb-success);width:22px;flex:0 0 22px}.wb-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wb-server-item{border:1px solid var(--wb-border);border-radius:14px;padding:12px;background:#f8fafc}.wb-server-item span{display:block;color:var(--wb-muted);font-size:12px}.wb-server-item strong{display:block;margin-top:4px}.wb-simple{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#dbeafe,transparent 36%),var(--wb-bg)}.wb-simple-card{text-align:center;max-width:430px;box-shadow:var(--wb-shadow)}.wb-simple-card h1{margin-top:0;letter-spacing:-.04em}.wb-mobile-overlay{display:none}.wb-timeline{display:flex;flex-direction:column;gap:10px}.wb-timeline-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--wb-border);border-radius:14px;background:#fff;padding:12px}.wb-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--wb-primary);margin-top:5px;flex:0 0 10px}@media(max-width:1120px){.wb-grid-4{grid-template-columns:repeat(2,1fr)}.wb-grid-3{grid-template-columns:repeat(2,1fr)}.wb-search-wrap{min-width:220px}}@media(max-width:900px){.wb-grid-2{grid-template-columns:1fr}.wb-form-grid{grid-template-columns:1fr 1fr}.wb-steps{grid-template-columns:repeat(3,1fr)}.wb-top-actions .wb-search-wrap{display:none}}@media(max-width:720px){.wb-app{display:block}.wb-sidebar{position:fixed;transform:translateX(-105%);width:286px}.wb-sidebar.is-collapsed{transform:translateX(0);width:286px}.wb-sidebar.is-collapsed .wb-brand-text,.wb-sidebar.is-collapsed .wb-nav-label{display:flex}.wb-mobile-overlay.is-active{display:block;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:20}.wb-topbar{min-height:auto;padding:16px;align-items:flex-start}.wb-top-actions{display:none}.wb-content{padding:16px}.wb-grid-4,.wb-grid-3{grid-template-columns:1fr}.wb-form-grid{grid-template-columns:1fr}.wb-steps{grid-template-columns:1fr 1fr}.wb-hero{display:block;padding:22px}.wb-hero h2{font-size:28px}.wb-hero-actions{margin-top:18px}.wb-status{display:none}}


/* v0.7.0 - Panel Casino real bridge */
.wb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.wb-muted{color:#64748b;margin:6px 0 0;}
.wb-casino-choice{text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease;}
.wb-casino-choice:hover{transform:translateY(-2px);border-color:#102A56;}
.wb-casino-choice strong{display:block;font-size:20px;margin:6px 0;color:#102A56;}
.wb-casino-header{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.wb-casino-header h2{margin:4px 0;color:#102A56;}
.wb-casino-header p{margin:0;color:#64748b;}
@media (max-width:980px){.wb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.wb-casino-header{align-items:flex-start;flex-direction:column;}}
@media (max-width:640px){.wb-grid-4{grid-template-columns:1fr;}}

/* WhiteBet v300.1 Provisioning Wizard */
.wb-provision-panel h3{margin:18px 0 14px;font-weight:400;color:#102A56}.wb-progress{height:10px;background:#edf1f7;border-radius:999px;overflow:hidden;margin:16px 0}.wb-progress span{display:block;height:100%;background:#102A56;border-radius:999px;transition:.25s ease}.wb-wizard-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.wb-wizard-steps .wb-step{border:1px solid #d9e1ee;background:#fff;border-radius:14px;padding:12px;display:flex;align-items:center;gap:8px;color:#667085;cursor:pointer;text-align:left}.wb-wizard-steps .wb-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1f7;color:#102A56;font-weight:400}.wb-wizard-steps .wb-step.is-active{border-color:#102A56;color:#102A56;background:#f8fbff}.wb-wizard-steps .wb-step.is-done b{background:#102A56;color:#fff}.wb-wizard-page{display:none}.wb-wizard-page.is-active{display:block}.wb-template-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wb-template-card{border:1px solid #d9e1ee;border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px;cursor:pointer}.wb-template-card input{align-self:flex-start}.wb-template-card strong{font-weight:400;color:#102A56}.wb-template-card span,.wb-help{color:#667085;font-size:13px}.wb-summary{margin-top:14px;padding:16px;background:#f8fbff;border:1px solid #d9e1ee;border-radius:16px;line-height:1.7}.wb-alert{margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid #d9e1ee}.wb-alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.wb-alert.danger{background:#fef3f2;border-color:#fecdca;color:#b42318}.wb-alert.info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.wb-input.is-invalid{border-color:#f04438!important;background:#fff7f7!important}@media(max-width:900px){.wb-wizard-steps,.wb-template-options{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wb-wizard-steps,.wb-template-options{grid-template-columns:1fr}.wb-wizard-steps .wb-step{padding:10px}.wb-wizard-actions{display:grid;grid-template-columns:1fr;gap:10px}}

/* v300.2 Players CRUD */
.wb-crud-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0}.wb-crud-toolbar .wb-input{min-width:220px}.wb-player-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;align-items:end}.wb-player-form label{font-size:12px;color:#64748b}.wb-player-form .wb-input{width:100%;margin-top:4px}.wb-actions-inline{display:flex;gap:6px;flex-wrap:wrap}.wb-btn-mini{border:1px solid #dbe3ef;background:#fff;border-radius:9px;padding:7px 9px;font-size:12px;cursor:pointer;color:#102A56}.wb-btn-mini.danger{color:#b91c1c;border-color:#fecaca}.wb-btn-mini.warning{color:#92400e;border-color:#fde68a}.wb-player-empty{padding:18px;text-align:center;color:#64748b}.wb-alert[hidden]{display:none!important}@media(max-width:900px){.wb-player-form{grid-template-columns:1fr}.wb-crud-toolbar{display:block}.wb-crud-toolbar .wb-input{width:100%;min-width:0;margin-bottom:8px}}