:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, Segoe UI, Arial; background:#0b0c10; color:#e7e7e7; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 18px; }
.row { display:flex; gap:10px; align-items:center; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:12px; margin-top:12px; }
.card { background:#12141b; border:1px solid #222635; border-radius:14px; padding:14px; }
.clip .btn { display:inline-block; margin-top:10px; }
.muted { opacity:.7; font-size: 0.92rem; margin-top:6px; }
button, .btn, input {
  background:#1a1d28; color:#fff; border:1px solid #2b3146;
  border-radius:10px; padding:10px 12px; font-size: 14px;
}
button:hover, .btn:hover { border-color:#6a5cff; cursor:pointer; }
input { outline:none; }
h1 { margin: 0 0 8px 0; }
h2 { margin: 0 0 10px 0; font-size: 18px; }
.table { margin-top:12px; border:1px solid #222635; border-radius:14px; overflow:hidden; }
.thead, .trow { display:grid; grid-template-columns: 80px 1fr 80px 140px 200px; gap:10px; padding:10px; }
.thead { background:#141827; font-weight:700; }
.trow { border-top:1px solid #222635; }
.trow.deleted { opacity:.5; }
.err { color: #ff6b6b; }
.tab { opacity:.9; }