:root{--sbw:258px;--navy:#0b1736;--blue:#2563eb}
body{background:#f3f6fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:.93rem;color:#1e293b}
.sb{position:fixed;inset:0 auto 0 0;width:var(--sbw);background:var(--navy);color:#b6c3e0;overflow-y:auto;z-index:1040;transition:.2s}
.sb-brand{display:flex;gap:10px;align-items:center;padding:18px 18px 14px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.sb-brand img{height:28px;background:#fff;border-radius:8px;padding:4px 6px}
.sb-brand span{font-weight:800;line-height:1.1}.sb-brand small{display:block;font-weight:500;font-size:.72rem;color:#8ea2cf}
.sb nav{padding:8px 10px 30px}
.sb-h{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#6c7fa8;padding:16px 10px 6px;font-weight:700}
.sb a{display:flex;align-items:center;gap:10px;color:#c4cfe8;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:.89rem}
.sb a i{font-size:1.05rem;width:20px;text-align:center;opacity:.9}
.sb a:hover{background:rgba(255,255,255,.06);color:#fff}
.sb a.on{background:var(--blue);color:#fff}
.sb .cnt{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;border-radius:20px;padding:1px 7px}
.main{margin-left:var(--sbw);min-height:100vh}
.tb{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid #e5eaf3;display:flex;align-items:center;gap:12px;padding:10px 24px}
.tb-t{font-size:1.15rem;font-weight:700;margin:0;flex:1}
.tb-r{display:flex;gap:8px;align-items:center}
.ct{padding:24px}
.card{border:1px solid #e5eaf3;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.card-header{background:#fff;border-bottom:1px solid #eef2f8;font-weight:700;padding:14px 18px;border-radius:14px 14px 0 0!important}
.kpi{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;height:100%}
.kpi i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem}
.kpi b{display:block;font-size:1.5rem;line-height:1.1}.kpi small{color:#64748b}
.table{--bs-table-bg:transparent;margin:0}
.table>:not(caption)>*>*{padding:.65rem .8rem;vertical-align:middle}
.table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5eaf3;white-space:nowrap}
.form-label{font-weight:600;font-size:.84rem;margin-bottom:.3rem}
.form-text{font-size:.76rem}
.form-control,.form-select{border-color:#d9e1ee;border-radius:9px}
.form-control:focus,.form-select:focus{border-color:#7aa2f7;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}
.btn{border-radius:9px}
.nav-tabs .nav-link{font-weight:600;color:#475569}
.nav-tabs .nav-link.active{color:var(--blue)}
.repeater .rp-row{background:#f8fafc;border:1px solid #e5eaf3;border-radius:10px;padding:12px;margin-bottom:10px;position:relative}
.repeater .rp-tools{position:absolute;right:8px;top:8px;display:flex;gap:4px}
.repeater .rp-tools button{padding:2px 7px}
.seo-preview{border:1px solid #e5eaf3;border-radius:10px;padding:14px;background:#fff;font-family:Arial,sans-serif}
.seo-preview .u{color:#202124;font-size:.8rem}.seo-preview .t{color:#1a0dab;font-size:1.15rem;line-height:1.3;margin:4px 0}.seo-preview .d{color:#4d5156;font-size:.86rem}
.cc{float:right;font-size:.72rem;color:#64748b}.cc.bad{color:#dc2626}.cc.ok{color:#16a34a}
.thumb{width:56px;height:40px;object-fit:cover;border-radius:6px;background:#eef2f8}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.media-grid .mi{border:1px solid #e5eaf3;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;position:relative}
.media-grid img{width:100%;height:110px;object-fit:cover;background:#eef2f8}
.media-grid .mi small{display:block;padding:6px 8px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(800px 400px at 80% 0%,rgba(37,99,235,.35),transparent 60%),linear-gradient(160deg,#071633,#0b2150);padding:16px}
.login-card{background:#fff;border-radius:20px;padding:34px;width:100%;max-width:420px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;min-height:65vh;white-space:pre;tab-size:4;background:#0f172a;color:#e2e8f0;border-radius:10px}
.sticky-actions{position:sticky;bottom:0;background:rgba(243,246,251,.95);backdrop-filter:blur(6px);padding:12px 0;margin-top:16px;border-top:1px solid #e5eaf3;z-index:5}
.badge-soft{background:#eef2ff;color:#3730a3}
.jodit-container{border-radius:10px!important}
@media(max-width:991px){.sb{transform:translateX(-100%)}.sb.open{transform:none}.main{margin-left:0}.ct{padding:16px}}