:root { --ink:#0f172a; --muted:#64748b; --accent:#6d5efc; --bg:#f4f5f8; --card:#fff; --border:rgba(15,23,42,.1); }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--ink); }
.hidden { display:none !important; }
.brand { font-weight:800; font-size:1.2rem; } .brand span { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:20px; margin:16px auto; max-width:1000px; box-shadow:0 8px 24px rgba(0,0,0,.04); }

.btn { border:0; border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer; }
.btn--primary { background:var(--accent); color:#fff; } .btn--ghost { background:#eef0f5; color:var(--ink); }
.btn--danger { background:#ef4444; color:#fff; } .btn--sm { padding:6px 10px; font-size:.82rem; }

.login { min-height:100vh; display:grid; place-items:center; }
.login__card { width:340px; display:flex; flex-direction:column; gap:12px; text-align:center; }
.login input, .row input, #search { padding:12px; border:1px solid var(--border); border-radius:10px; font-size:1rem; width:100%; }
.err { color:#ef4444; font-size:.85rem; min-height:1.2em; }

.topbar { display:flex; justify-content:space-between; align-items:center; padding:16px 22px; max-width:1000px; margin:0 auto; }

.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; max-width:1000px; margin:16px auto; padding:0 16px; }
.stat { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:16px; }
.stat .v { font-size:1.6rem; font-weight:800; } .stat .l { color:var(--muted); font-size:.82rem; }

.row { display:flex; gap:10px; margin-bottom:14px; }
table { width:100%; border-collapse:collapse; font-size:.9rem; }
th, td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--border); }
th { color:var(--muted); font-weight:600; }
.tag { display:inline-block; padding:2px 8px; border-radius:999px; font-size:.74rem; font-weight:700; }
.tag--free{background:#e2e8f0;color:#475569} .tag--starter{background:#ddd6fe;color:#5b21b6} .tag--max{background:#fde68a;color:#92400e}
.tag--published{background:#bbf7d0;color:#166534} .tag--draft{background:#e2e8f0;color:#475569} .tag--unpublished{background:#fecaca;color:#991b1b}
.tag--blocked{background:#ef4444;color:#fff}

.modal { position:fixed; inset:0; background:rgba(0,0,0,.4); display:grid; place-items:center; padding:20px; z-index:50; }
.modal__inner { max-width:560px; width:100%; max-height:85vh; overflow:auto; }
.field { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.field label { font-size:.82rem; color:var(--muted); }
.field input, .field select { padding:10px; border:1px solid var(--border); border-radius:8px; }
.muted { color:var(--muted); font-size:.85rem; }