:root {
  --bg: #0b1220;
  --panel: #0f1730;
  --muted: #8091b3;
  --text: #e7ecfa;
  --brand: #59c4ff;
  --accent: #ffd166;
  --border: #1b2747;
}

* { box-sizing: border-box; }
body.pb-admin { margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background: var(--bg); color: var(--text); }

.pb-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 20px; border-bottom:1px solid var(--border); background: rgba(15,23,48,.9); backdrop-filter: blur(6px); position: sticky; top:0; z-index: 10;
}
.pb-brand { color: var(--brand); text-decoration:none; font-weight:700; letter-spacing:.2px; }
.pb-badge { margin-left:10px; padding:2px 8px; background: #14325a; border:1px solid var(--border); border-radius:999px; font-size:12px; color:#cde7ff; }
.pb-header__right { display:flex; align-items:center; gap:14px; }
.pb-link { color: var(--muted); text-decoration:none; }
.pb-user { color:#d9e4ff; font-weight:600; }

.pb-shell { display:flex; min-height: calc(100vh - 56px); }

.pb-sidebar {
  width:240px; padding:16px 12px; border-right:1px solid var(--border); background: var(--panel); position: sticky; top:56px; height: calc(100vh - 56px); overflow:auto;
}
.pb-menu { list-style:none; margin:0; padding:0; }
.pb-menu li { margin:4px 0; }
.pb-menu a {
  display:block; padding:10px 12px; border-radius:10px; text-decoration:none; color:#c8d3ee;
}
.pb-menu li.active a, .pb-menu a:hover { background:#132146; color:#ffffff; }

.pb-content { flex:1; padding:24px; }
.pb-card {
  background: #0f1836; border:1px solid var(--border); border-radius:14px;
  padding:16px 18px; box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.pb-footer {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 20px; border-top:1px solid var(--border); background:#0e1732; color:var(--muted);
}
.pb-footer__links a { color: var(--muted); text-decoration:none; margin-left:12px; }