:root{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --muted:#6b7280;
  --text:#0f172a;
  --primary:#3b82f6;
  --primary-2:#22c1f1;
  --accent:#0ea5e9;
  --border:#e5e7eb;
  --radius:16px;
  --shadow:0 10px 30px rgba(15,23,42,.06);
  --shadow-strong:0 18px 50px rgba(15,23,42,.10);
  --sidebar-w:280px;
  --sidebar-w-collapsed:84px;
  --badge-green:#10b981;
  --badge-red:#ef4444;
  --badge-amber:#f59e0b;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background: radial-gradient(1200px 600px at 80% -10%, #e8f4ff 0%, transparent 60%), var(--bg);
  color:var(--text);
  display:flex; min-height:100vh;
}
.main{ flex:1; min-width:0; display:flex; flex-direction:column; }
.content{ padding:22px 26px 10px; display:flex; flex-direction:column; gap:18px; }
.footer{
  margin-top:auto; text-align:center; color:var(--muted);
  padding:18px; border-top:1px solid var(--border); background:#fff;
}
/* Секции */
.section{ display:none; }
.section.active{ display:block; }
/* Карточки */
.cards{ display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.card{
  background:var(--panel); border:1px solid var(--border); border-radius:var(--radius);
  padding:22px 20px; box-shadow:var(--shadow);
}
.card h3{ margin:0 0 6px; font-size:18px }
.muted{ color:var(--muted); font-size:14px; margin:0 }
/* Таблица */
.table{
  width:100%; border-collapse:collapse; font-size:14px; background:#fff; border:1px solid var(--border);
  border-radius:12px; overflow:hidden; box-shadow:var(--shadow);
}
.table th, .table td{ padding:12px 14px; border-bottom:1px solid var(--border); text-align:left }
.table th{ background:#f8fbff; color:#334155; font-weight:600 }
.table tr:last-child td{ border-bottom:0 }
/* Адаптив */
@media (max-width: 980px){
  .sidebar{ width:var(--sidebar-w-collapsed); }
  .nav a .label{ display:none; }
  .brand h1{ display:none; }
}