*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  color:#101828;background:#f6f7fb;
}

/* Container NICHT deckeln und Inhalt mittig ausrichten */
.container{
  max-width:none !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 1.5rem;                /* symmetrischer Rand */
  display:flex; justify-content:center;
}

/* Hauptkarte (z. B. „Snippets“) richtig breit & zentriert */
.container > .card{
  /* 96% der Seite, gedeckelt erst sehr spät */
  width:96% !important;
  max-width:2200px !important;
  margin:24px auto !important;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}

/* Mobile: volle Breite ohne Überlauf */
@media (max-width:900px){
  .container{padding:0 .5rem}
  .container > .card{
    width:100% !important;
    max-width:none !important;
    margin:12px 0 !important;
    padding:16px;
  }
}

/* Rest wie gehabt */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0}
.brand{font-weight:700}
nav a{margin:0 8px;text-decoration:none;color:#0f172a}
nav .user{margin:0 8px;color:#475569}
.btn,.btn-outline{padding:8px 12px;border-radius:8px;border:1px solid transparent;background:#0ea5e9;color:#fff}
.btn-outline{background:transparent;border-color:#94a3b8;color:#0f172a}
.field{margin-bottom:12px}
.field label{display:block;font-size:12px;color:#475569;margin-bottom:6px}
.field input[type=text],.field input[type=password],.field textarea,.field select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{background:#e2e8f0;padding:4px 8px;border-radius:9999px;font-size:12px}
.badge{background:#eef2ff;color:#3730a3;padding:2px 6px;border-radius:9999px;font-size:11px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #e5e7eb;vertical-align:top}
pre{background:#0b1020;color:#e5e7eb;padding:12px;border-radius:8px;overflow:auto}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.help{font-size:12px;color:#64748b}
input[type=file]{padding:8px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff}
.kbd{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#e2e8f0;border-radius:6px;padding:2px 6px}