html,body{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*,*::before,*::after{
  box-sizing:inherit;
}
.pbs-body{
  min-height:100vh;
  background:#050509;
  color:#f5f5ff;
  position:relative;
  overflow-x:hidden;
}
.pbs-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 0%,rgba(0,255,255,0.18),transparent 55%),
    radial-gradient(circle at 90% 100%,rgba(160,32,240,0.22),transparent 55%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,0.04),transparent 60%);
  filter:blur(40px);
  z-index:-1;
}
.pbs-layout{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.pbs-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
}
.pbs-logo{
  font-size:20px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  background:linear-gradient(90deg,#0ff,#a020f0);
  -webkit-background-clip:text;
  color:transparent;
}
.pbs-nav{
  display:flex;
  gap:12px;
}
.pbs-nav-link{
  color:#cfd2ff;
  text-decoration:none;
  font-size:14px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(15,15,25,0.7);
  border:1px solid rgba(120,130,255,0.35);
  backdrop-filter:blur(12px);
  transition:all .2s ease;
}
.pbs-nav-link:hover{
  background:rgba(0,255,255,0.12);
  border-color:rgba(0,255,255,0.6);
}
.pbs-main{
  flex:1;
  padding:16px 24px 24px;
}
.pbs-section{
  margin-bottom:24px;
}
.pbs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.pbs-card{
  border-radius:18px;
  padding:16px 16px 18px;
}
.pbs-card-glass{
  background:linear-gradient(135deg,rgba(10,10,20,0.85),rgba(15,15,30,0.9));
  border:1px solid rgba(120,130,255,0.35);
  box-shadow:0 18px 40px rgba(0,0,0,0.65);
  backdrop-filter:blur(18px);
}
.pbs-card-title{
  font-size:15px;
  font-weight:600;
  margin-bottom:12px;
}
.pbs-subtitle{
  font-size:13px;
  color:#b0b4ff;
  margin-bottom:16px;
}
.pbs-input,
.pbs-select,
.pbs-textarea{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(120,130,255,0.4);
  background:rgba(5,5,15,0.9);
  color:#f5f5ff;
  padding:8px 10px;
  font-size:13px;
  outline:none;
  transition:all .18s ease;
}
.pbs-input:focus,
.pbs-select:focus,
.pbs-textarea:focus{
  border-color:#0ff;
  box-shadow:0 0 0 1px rgba(0,255,255,0.5);
  background:rgba(5,5,18,0.95);
}
.pbs-textarea{
  min-height:120px;
  resize:vertical;
}
.pbs-field-group{
  margin-bottom:10px;
}
.pbs-field-group label{
  display:block;
  font-size:12px;
  margin-bottom:4px;
  color:#b8bcff;
}
.pbs-field-row{
  display:flex;
  gap:10px;
}
.pbs-field-row .pbs-field-group{
  flex:1;
}
.pbs-btn{
  border:none;
  border-radius:999px;
  padding:8px 16px;
  font-size:13px;
  cursor:pointer;
  transition:all .18s ease;
}
.pbs-btn-primary{
  background:linear-gradient(90deg,#0ff,#a020f0);
  color:#050509;
  box-shadow:0 0 18px rgba(0,255,255,0.45);
}
.pbs-btn-primary:hover{
  filter:brightness(1.08);
  box-shadow:0 0 24px rgba(0,255,255,0.7);
}
.pbs-btn-secondary{
  background:rgba(10,10,20,0.9);
  color:#e0e3ff;
  border:1px solid rgba(120,130,255,0.5);
}
.pbs-btn-secondary:hover{
  background:rgba(0,255,255,0.12);
  border-color:rgba(0,255,255,0.7);
}
.pbs-btn-row{
  display:flex;
  gap:10px;
  margin-top:8px;
}
.pbs-card-auth{
  max-width:360px;
  width:100%;
}
.pbs-center{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.pbs-error{
  margin-top:10px;
  font-size:12px;
  color:#ff6b6b;
}
.pbs-console-section{
  margin-top:18px;
}
.pbs-console-card{
  min-height:220px;
}
.pbs-console-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.pbs-console{
  height:220px;
  border-radius:14px;
  background:rgba(5,5,15,0.95);
  border:1px solid rgba(0,255,255,0.35);
  padding:8px 10px;
  font-family:monospace;
  font-size:11px;
  color:#cfd2ff;
  overflow-y:auto;
}
.pbs-console-line{
  margin-bottom:2px;
}
.pbs-console-line-login{ color:#0ff; }
.pbs-console-line-spam{ color:#ffb347; }
.pbs-console-line-kick{ color:#ff6b6b; }
.pbs-console-line-error{ color:#ff4d4d; }
.pbs-console-line-movement{ color:#a0e7ff; }
.pbs-console-line-info{ color:#cfd2ff; }
.pbs-console-controls{
  display:flex;
  gap:8px;
}
.pbs-select-small{
  font-size:11px;
  padding:6px 8px;
}
.pbs-nick-preview{
  margin-top:8px;
  font-size:12px;
  color:#cfd2ff;
}
.pbs-backend-list{
  font-size:12px;
  color:#cfd2ff;
}
.pbs-test-result{
  margin-top:8px;
  font-size:12px;
  color:#cfd2ff;
}
.pbs-toggle-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.pbs-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#cfd2ff;
}
.pbs-toggle input{
  accent-color:#0ff;
}

/* SETTINGS PAGE EXTRA */
.pbs-settings-section{
  margin-top:8px;
}
.pbs-settings-group{
  margin-bottom:14px;
}
.pbs-settings-note{
  font-size:11px;
  color:#9ca0ff;
}

/* RESPONSIVE */
@media (max-width:768px){
  .pbs-main{
    padding:12px 12px 18px;
  }
  .pbs-header{
    padding:12px 12px;
  }
}