:root{--bg:#f4f6fa;--surface:#fff;--ink:#16233a;--ink-soft:#5b6680;--action:#2563eb;--border:#e4e9f2;--ok:#1c7a44;--warn:#b45309;--danger:#c0392b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:1040px;margin:0 auto;padding:24px 20px 64px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{margin:0;font-size:22px}h2{margin:28px 0 12px;font-size:16px}a{color:var(--action)}.btn{cursor:pointer;background:var(--action);color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.btn.ghost{color:var(--ink);background:#eef1f7}.btn.sm{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.6;cursor:default}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.metric .n{font-size:26px;font-weight:700}.metric .l{color:var(--ink-soft);font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 8px}th{color:var(--ink-soft);text-transform:uppercase;font-size:12px;font-weight:600}.tag{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.tag.draft{color:var(--ink-soft);background:#eef1f7}.tag.review{color:var(--warn);background:#fef3c7}.tag.published{color:var(--ok);background:#e4f6ec}.tag.archived{color:var(--danger);background:#fdecec}.tag.premium{color:#7a5300;background:#fff4d6}label{color:var(--ink-soft);margin:10px 0 4px;font-size:13px;display:block}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fbfcff;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--action);border-color:var(--action)}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{align-items:center;gap:8px;margin:12px 0;display:flex}.check input{width:auto}.msg{border-radius:8px;margin:10px 0;padding:10px 12px;font-size:13px}.msg.err{color:var(--danger);background:#fdecec;border:1px solid #f4c4c4}.msg.ok{color:var(--ok);background:#e6f7ec;border:1px solid #b7e4c7}.notice{background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);border-radius:12px;padding:20px}
