.cnkb-mount, .cnkb-admin-wrap { --cnkb-bg:#f8fafc; --cnkb-card:#ffffff; --cnkb-text:#0f172a; --cnkb-muted:#64748b; --cnkb-border:#e2e8f0; --cnkb-strong:#020617; --cnkb-radius:22px; --cnkb-shadow:0 8px 30px rgba(15,23,42,.06); --cnkb-space:24px; }
.cnkb-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cnkb-text);background:var(--cnkb-bg);padding:24px;border-radius:28px}
.cnkb-topbar{position:sticky;top:18px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:18px 22px;border:1px solid var(--cnkb-border);border-radius:24px;box-shadow:var(--cnkb-shadow);margin-bottom:24px}
.cnkb-topbar h1,.cnkb-shell h2,.cnkb-shell h3{margin:0;color:var(--cnkb-strong);line-height:1.15}.cnkb-shell h2{font-size:32px;margin-bottom:8px}.cnkb-shell h3{font-size:20px;margin-bottom:10px}
.cnkb-eyebrow{font-size:13px;color:var(--cnkb-muted);margin-bottom:6px}.cnkb-grid{display:grid;gap:24px}.cnkb-hero-grid{grid-template-columns:1.6fr .8fr}.cnkb-category-grid,.cnkb-articles-grid,.cnkb-stats-grid,.cnkb-settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cnkb-card{background:var(--cnkb-card);border:1px solid var(--cnkb-border);border-radius:var(--cnkb-radius);box-shadow:var(--cnkb-shadow);overflow:hidden}.cnkb-card-body{padding:24px}.cnkb-card p{color:var(--cnkb-muted);line-height:1.7}
.cnkb-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#0f172a;color:#fff;padding:12px 18px;border-radius:16px;text-decoration:none;cursor:pointer;font-weight:600}.cnkb-button:hover{opacity:.92}.cnkb-button-outline{background:#fff;color:#0f172a;border:1px solid var(--cnkb-border)}.cnkb-button-ghost{background:transparent;color:#0f172a;border:0}
.cnkb-input,.cnkb-textarea, .cnkb-shell select{width:100%;border:1px solid var(--cnkb-border);background:#fff;border-radius:16px;padding:12px 14px;font:inherit}.cnkb-textarea{min-height:100px;resize:vertical}.cnkb-textarea-lg{min-height:320px}
.cnkb-section-head,.cnkb-toolbar,.cnkb-flex-between,.cnkb-row,.cnkb-inline-form,.cnkb-flex-gap{display:flex;align-items:center;justify-content:space-between;gap:14px}.cnkb-section-head{margin-bottom:16px}.cnkb-toolbar{margin-bottom:18px;justify-content:flex-start;flex-wrap:wrap}.cnkb-spacer{flex:1}
.cnkb-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:13px;font-weight:600}.cnkb-badge-outline{background:#fff;border:1px solid var(--cnkb-border)}.cnkb-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cnkb-category-card,.cnkb-article-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cnkb-category-card:hover,.cnkb-article-card:hover{transform:translateY(-3px)}
.cnkb-category-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cnkb-icon{font-size:42px}.cnkb-title-button,.cnkb-image-button,.cnkb-list-row,.cnkb-admin-nav-btn{all:unset;cursor:pointer}.cnkb-title-button h3{margin-bottom:12px}.cnkb-card-image,.cnkb-detail-image{display:block;width:100%;height:240px;object-fit:cover;background:#e2e8f0}.cnkb-detail-image{height:320px}.cnkb-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--cnkb-muted)}
.cnkb-meta{font-size:13px;color:var(--cnkb-muted);margin-top:12px}.cnkb-list{padding-left:18px;color:var(--cnkb-muted)}.cnkb-list li{margin-bottom:10px}
.cnkb-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.cnkb-toc-card{position:sticky;top:110px;height:max-content}.cnkb-toc-list{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto}.cnkb-toc-link{display:block;color:var(--cnkb-muted);text-decoration:none;padding:10px 12px;border-radius:12px}.cnkb-toc-link:hover,.cnkb-toc-link.active{background:#0f172a;color:#fff}.cnkb-toc-link.level-2{margin-left:10px}.cnkb-toc-link.level-3{margin-left:20px}.cnkb-toc-link.level-4{margin-left:30px}
.cnkb-content h1,.cnkb-content h2,.cnkb-content h3,.cnkb-content h4,.cnkb-content h5,.cnkb-content h6{scroll-margin-top:110px}.cnkb-content p{margin-bottom:14px}.cnkb-content ul{padding-left:20px}.cnkb-inline-toc{background:#fff;border:1px solid var(--cnkb-border);padding:16px;border-radius:16px;margin-bottom:20px}.cnkb-inline-toc ul{list-style:none;padding:0;margin:10px 0 0}.cnkb-inline-toc li{margin:6px 0}.cnkb-inline-toc a{text-decoration:none;color:#0f172a}
.cnkb-admin-layout,.cnkb-admin-two-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.cnkb-admin-two-cols{grid-template-columns:.8fr 1.2fr}.cnkb-admin-nav{height:max-content;position:sticky;top:110px}.cnkb-admin-nav-btn{display:block;width:100%;padding:14px 16px;border-radius:16px;color:var(--cnkb-text)}.cnkb-admin-nav-btn.active,.cnkb-admin-nav-btn:hover,.cnkb-list-row.active,.cnkb-list-row:hover{background:#0f172a;color:#fff}.cnkb-list-row{display:block;width:100%;padding:14px 16px;border-radius:14px;margin-bottom:8px;border:1px solid var(--cnkb-border)}.cnkb-list-row span{display:flex;flex-direction:column}.cnkb-list-row small{color:inherit;opacity:.7}
.cnkb-form-grid{display:grid;grid-template-columns:1fr 220px;gap:16px}.cnkb-form-grid label,.cnkb-card label{display:block;margin-bottom:14px}.cnkb-card label span{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.cnkb-tag-wrap{display:flex;flex-wrap:wrap;gap:10px}.cnkb-tag-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--cnkb-border)}.cnkb-tag-pill button{all:unset;cursor:pointer;font-weight:700}.cnkb-inline-form{justify-content:flex-start}
.cnkb-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.cnkb-stat-card{background:#fff;border:1px solid var(--cnkb-border);box-shadow:var(--cnkb-shadow);border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:center}.cnkb-stat-card strong,.cnkb-stat-label{color:var(--cnkb-muted);font-size:14px}.cnkb-stat-card span,.cnkb-stat-value{font-size:32px;font-weight:800;color:var(--cnkb-strong)}.cnkb-admin-panel{background:#fff;border:1px solid var(--cnkb-border);box-shadow:var(--cnkb-shadow);border-radius:18px;padding:22px;max-width:1000px}.cnkb-no-access{padding:16px 18px;border-radius:16px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239}
@media (max-width: 1100px){.cnkb-article-layout,.cnkb-admin-layout,.cnkb-admin-two-cols,.cnkb-hero-grid{grid-template-columns:1fr}.cnkb-toc-card,.cnkb-admin-nav,.cnkb-topbar{position:static}.cnkb-form-grid{grid-template-columns:1fr}}
@media (max-width: 700px){.cnkb-shell{padding:14px}.cnkb-card-body{padding:18px}.cnkb-shell h2{font-size:26px}.cnkb-topbar{padding:14px 16px;flex-direction:column;align-items:flex-start}.cnkb-admin-grid{grid-template-columns:1fr}}

.cnkb-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.cnkb-check-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cnkb-border);border-radius:14px;background:#fff}.cnkb-check-item input{margin:0}