:root{
  --bg:#0b1017;
  --panel:#0f1722;
  --card:#141d29;
  --line:#213046;
  --text:#edf4fb;
  --muted:#90a2bb;
  --green:#1df2a0;
  --red:#ff577d;
  --blue:#7891ff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:
   radial-gradient(circle at top right, rgba(29,242,160,.08), transparent 26%),
   linear-gradient(180deg,#0a1017,#0d131c);
}
a{text-decoration:none;color:inherit}
.panel-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.panel-sidebar{
  padding:22px;
  border-right:1px solid var(--line);
  background:rgba(9,14,20,.92);
}
.panel-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.panel-brand__mark{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  color:#04150d;font-weight:900;background:linear-gradient(135deg,var(--green),#9bf7d2)
}
.panel-brand__title{font-size:22px;font-weight:800}
.panel-brand__sub{font-size:13px;color:var(--muted);margin-top:3px}
.panel-menu{display:flex;flex-direction:column;gap:10px}
.panel-menu__item{
  min-height:48px;display:flex;align-items:center;padding:0 16px;border-radius:16px;border:1px solid transparent
}
.panel-menu__item:hover,.panel-menu__item.is-active{
  background:rgba(20,29,41,.95);border-color:var(--line)
}
.panel-content{padding:28px}
.panel-card{
  background:linear-gradient(180deg, rgba(20,29,41,.96), rgba(13,20,30,.98));
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  margin-bottom:18px;
}
.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.metric{font-size:30px;font-weight:800;margin-top:8px}
.metric-label{color:var(--muted);font-size:13px}
.table-wrap{overflow:auto}
.table{
  width:100%;
  border-collapse:collapse;
}
.table th,.table td{
  padding:14px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:left;
}
.table th{color:#afbdd1;font-size:13px}
.badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800
}
.badge--admin{background:rgba(255,87,125,.14);color:#ffb7c8}
.badge--premium{background:rgba(29,242,160,.12);color:#aaf8d0}
.badge--viewer{background:rgba(120,145,255,.14);color:#ced6ff}
@media (max-width:1000px){
  .panel-grid{grid-template-columns:1fr}
}
@media (max-width:880px){
  .panel-layout{grid-template-columns:1fr}
  .panel-sidebar{border-right:none;border-bottom:1px solid var(--line)}
  .panel-content{padding:18px}
}