:root{color-scheme:dark;--bg: #04101f;--panel: rgba(255, 255, 255, .07);--panel-strong: rgba(255, 255, 255, .11);--line: rgba(255, 255, 255, .12);--muted: rgba(255, 255, 255, .62);--text: #f8fbff;--blue: #00458e;--orange: #fd8c27;--orange-soft: #ffb267}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(253,140,39,.2),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(0,69,142,.6),transparent 34rem),linear-gradient(135deg,#03070c,#06264a 72%,#010409)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.card,.list-panel,.editor-panel,.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1c,#ffffff0a);box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{width:min(440px,100%);display:grid;gap:18px;border-radius:18px;padding:28px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr)}.shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{min-height:100vh;position:sticky;top:0;align-self:start;border-right:1px solid var(--line);background:#00000052;padding:24px;transition:.18s ease}.brand-row{display:flex;align-items:center;gap:10px}.brand{display:grid;gap:4px;padding:16px;border-radius:16px;background:#ffffff14;border:1px solid var(--line);flex:1}.brand strong{font-size:1.25rem}.brand span,.eyebrow{color:var(--orange-soft);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.user{margin:14px 0 24px}.nav-list,.stack,.grid{display:grid;gap:14px}.nav-group{display:grid;gap:6px}.nav-group+.nav-group{margin-top:18px}.nav-group-label{margin:0 0 2px;color:#ffffff61;font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.nav-button,.button{border:0;cursor:pointer;font-weight:800}.nav-button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border-radius:12px;padding:12px 14px;color:#ffffffb8;background:transparent;transition:.16s ease}.nav-icon{display:grid;min-width:30px;height:30px;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:var(--orange-soft);font-size:.72rem;font-weight:900}.collapse-button,.mobile-menu-button{border:1px solid var(--line);border-radius:12px;background:#ffffff14;color:#fff;cursor:pointer;font-weight:900;padding:10px 12px}.mobile-menu-button{display:none;position:fixed;top:14px;right:14px;z-index:30}.nav-button:hover,.nav-button.active{color:#fff;background:#ffffff1a}.content{padding:28px;min-width:0;overflow-x:hidden}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:end;border-radius:22px;padding:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.05;letter-spacing:0}h2{margin-bottom:8px}.muted{color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.metric,.card.inset{border:1px solid var(--line);border-radius:14px;background:#0000003d;padding:14px}.metric strong{display:block;font-size:1.9rem;color:var(--orange)}.metric span{color:var(--muted);font-size:.85rem}.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border-radius:18px;padding:18px}.cms-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px;align-items:start;min-width:0}.list-panel,.editor-panel{border-radius:20px;overflow:hidden;min-width:0}.panel-heading,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.toolbar{background:#0000002e}.toolbar.compact{border:1px solid var(--line);border-radius:16px;padding:14px}.toolbar h1{margin-bottom:0;font-size:clamp(1.8rem,3vw,3rem)}.list-scroll{display:grid;gap:8px;max-height:calc(100vh - 180px);overflow:auto;padding:12px}.list-item{display:grid;gap:4px;width:100%;text-align:left;border:1px solid transparent;border-radius:14px;background:#ffffff0d;color:#fff;padding:13px;cursor:pointer;min-width:0}.list-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.list-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.list-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.list-item span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item.active,.list-item:hover{border-color:#fd8c2773;background:#fd8c271f}.editor-panel>.stack,.editor-main{padding:18px}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;padding:18px;min-width:0}.editor-main{padding:0}.top-action-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);background:#02080fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-action-bar h1{margin-bottom:0;font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.1;letter-spacing:0}.top-action-bar .actions{flex-wrap:wrap;justify-content:flex-end}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:10px}.actions.wrap{flex-wrap:wrap;justify-content:flex-end}.list-controls{display:grid;gap:8px;padding:12px;border-bottom:1px solid var(--line);background:#00000029}.editor-tabs{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab-button{border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--muted);cursor:pointer;font-size:.84rem;font-weight:900;padding:9px 12px}.tab-button.active{border-color:#fd8c279e;background:#fd8c2729;color:#fff}.field{display:grid;gap:8px}.field span{color:#ffffffc2;font-size:.88rem;font-weight:800}.field small{color:#ffffff7a;font-size:.78rem;line-height:1.45}.input{width:100%;border:1px solid var(--line);border-radius:12px;background:#00000057;color:var(--text);padding:12px 13px;outline:none}.input:focus{border-color:#fd8c27bf;box-shadow:0 0 0 3px #fd8c271f}.tall{min-height:340px}.tallish{min-height:120px}.small{font-size:.85rem}.section-editor-list,.seo-editor,.sub-editor{display:grid;gap:14px}.form-section,.guide-card{display:grid;gap:14px;border:1px solid var(--line);border-radius:18px;background:#00000038;padding:16px;min-width:0}.form-section-head h3,.guide-card h3{margin:0 0 6px}.form-section summary{cursor:pointer;font-weight:900}.form-section summary small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.form-section-body{display:grid;gap:14px}.section-card,.sub-editor{border:1px solid var(--line);border-radius:18px;background:#0003;padding:16px}.section-card{display:grid;gap:14px}.section-card-head,.sub-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-card-head span{color:var(--muted);font-size:.86rem}.repeater-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.rich-toolbar{position:sticky;top:92px;z-index:3;display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line);border-radius:16px;background:#030a12f0;padding:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-group{display:flex;flex-wrap:wrap;gap:6px;padding-right:8px;border-right:1px solid rgba(255,255,255,.1)}.tool-group:last-child{border-right:0;padding-right:0}.tool-button{border:1px solid var(--line);border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;font-size:.82rem;font-weight:800;padding:8px 11px}.tool-button:hover,.tool-button.accent{border-color:#fd8c2773;background:#fd8c2724;color:#fff5ea}.rich-editor{min-height:360px;border:1px solid var(--line);border-radius:14px;background:#00000061;color:var(--text);line-height:1.7;outline:none;overflow:auto;padding:18px}.rich-editor-field.article .rich-editor{min-height:min(78vh,860px);border-radius:20px;background:linear-gradient(180deg,#ffffff13,#00000047);font-size:1.02rem;line-height:1.82;padding:clamp(22px,3vw,38px)}.rich-editor:focus{border-color:#fd8c27bf;box-shadow:0 0 0 3px #fd8c271f}.rich-editor h1,.rich-editor h2,.rich-editor h3,.rich-editor h4{color:#fff;line-height:1.18;margin:1.35rem 0 .65rem}.rich-editor h2{font-size:1.65rem}.rich-editor h3{font-size:1.28rem}.rich-editor p,.rich-editor ul,.rich-editor ol,.rich-editor blockquote,.rich-editor table{margin-bottom:1rem}.rich-editor a{color:#8cc7ff;text-decoration:underline}.rich-editor strong{color:#fff;font-weight:900}.rich-editor em{color:#ffffffe6}.rich-editor blockquote{border-left:3px solid var(--orange);border-radius:12px;background:#fd8c2717;padding:14px 16px}.rich-editor table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}.rich-editor th,.rich-editor td{border:1px solid rgba(255,255,255,.14);padding:10px}.rich-editor th{background:#fd8c2724;color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 16px;text-decoration:none}.button:disabled{cursor:wait;opacity:.64}.button.primary,.button{background:var(--orange);color:#050505;box-shadow:0 12px 32px #fd8c273d}.button.ghost{border:1px solid var(--line);background:#ffffff14;color:#fff;box-shadow:none}.button.full{width:100%;margin-top:24px}.compact-button{padding:8px 10px;font-size:.78rem}.save-bar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);background:#02080ff0;padding:14px 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.save-bar>div:first-child{display:grid;gap:3px}.save-bar span{color:var(--muted);font-size:.82rem}.save-message{color:#8ff0c9!important}.save-error{color:#ffb4b4!important}.status,.badge{border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;text-transform:uppercase}.status-badge.published{background:#36d39929;color:#8ff0c9}.status-badge.draft{background:#b7d4f224;color:#d9ecff}.seo-score.danger,.badge.danger{background:#ff606029;color:#ffb4b4}.status.saving,.status.loading{background:#b7d4f229;color:#d9ecff}.status.saved,.badge.ok{background:#36d39929;color:#8ff0c9}.status.error,.badge.warn,.form-error{background:#ff606029;color:#ffb4b4}.form-warning{background:#fd8c271f;color:var(--orange-soft)}.checklist-grid{display:flex;flex-wrap:wrap;gap:8px}.check-badge{border-radius:999px;border:1px solid var(--line);padding:7px 10px;font-size:.76rem;font-weight:900}.check-badge.good{border-color:#36d39957;color:#8ff0c9}.check-badge.missing,.check-badge.attention{border-color:#ff606057;color:#ffb4b4}.check-badge.warning{border-color:#fd8c2761;color:var(--orange-soft)}.preview-pane{border:1px solid var(--line);border-radius:18px;background:#00000038;padding:18px}.preview-card{border:1px solid var(--line);border-radius:16px;background:#ffffff0b;padding:16px}.preview-url{color:#8ff0c9;font-size:.82rem}.search-preview h3{color:#9cc8ff;margin:5px 0}.social-preview{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px}.social-image{display:grid;min-height:96px;place-items:center;overflow:hidden;border-radius:12px;background:#00000047;color:var(--muted)}.social-image img{width:100%;height:100%;object-fit:cover}.guide-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;min-width:0}.guide-panel-head{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fd8c271f,#ffffff0a);padding:16px}.completion-score{display:flex;align-items:end;gap:8px;margin-top:12px}.completion-score strong{color:var(--orange);font-size:2.1rem}.guide-card ul,.guide-steps{display:grid;gap:9px;margin:0;padding-left:18px;color:#ffffffa8}.settings-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.guide-checklist{display:grid;gap:10px}.guide-check{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.guide-check>span{display:grid;height:28px;place-items:center;border-radius:999px;font-size:.72rem;font-weight:900}.guide-check.done>span{background:#36d39929;color:#8ff0c9}.guide-check.todo>span{background:#fd8c2729;color:var(--orange-soft)}.guide-check p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.overview-grid,.quick-actions,.activity-list,.preview-grid{display:grid;gap:12px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.overview-card,.activity-item{border:1px solid var(--line);border-radius:14px;background:#ffffff0b;padding:14px}.overview-card span,.activity-item span{display:block;color:var(--muted);font-size:.82rem}.title-input{font-size:1.25rem;font-weight:900}.blog-write-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.blog-compose,.blog-side-rail{display:grid;gap:14px;min-width:0}.blog-side-rail{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;padding-right:2px}.blog-title-card{display:grid;gap:14px;border:1px solid rgba(253,140,39,.18);border-radius:22px;background:radial-gradient(circle at 10% 0%,rgba(253,140,39,.16),transparent 22rem),#00000038;padding:18px}.blog-title-input{width:100%;min-height:120px;min-width:0;border:0;border-radius:0;background:transparent;padding:6px 0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;overflow:hidden;resize:vertical}.blog-title-input:focus{box-shadow:none}.blog-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.blog-stat-strip span{border:1px solid var(--line);border-radius:12px;background:#ffffff0f;color:#ffffffbd;font-size:.78rem;font-weight:900;padding:9px;text-align:center}.compact-toc{max-height:220px;overflow:auto}.toc-preview{display:grid;gap:8px}.preview-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preview-modes span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.78rem;font-weight:900}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mobile-preview{max-height:520px;overflow:auto;border-radius:24px}.toast-success{border:1px solid rgba(54,211,153,.24);border-radius:14px;background:#36d3991f;color:#8ff0c9;padding:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0000009e;padding:20px}.block-picker{width:min(920px,100%);max-height:min(820px,90vh);overflow:auto;display:grid;gap:18px;border:1px solid var(--line);border-radius:22px;background:#06101d;padding:20px;box-shadow:0 30px 120px #0000008c}.block-category{margin:0 0 8px;color:var(--orange-soft);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.block-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.block-choice{display:grid;gap:8px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#ffffff0e;color:#fff;cursor:pointer;padding:14px}.block-choice span{color:var(--muted);font-size:.84rem;line-height:1.45}.rich-preview{color:#ffffffc2;line-height:1.75}.compact-preview{padding:12px}.compact-rich{min-height:180px}.form-error,.form-warning{border:1px solid rgba(255,96,96,.2);border-radius:12px;padding:12px}.form-warning{border-color:#fd8c2747}.seo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.seo-row p:last-child{grid-column:1 / -1}.empty{display:grid;min-height:280px;place-items:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.media-preview{max-width:100%;max-height:320px;object-fit:contain;border-radius:16px;border:1px solid var(--line);background:#00000047}@media (min-width: 1700px){.editor-workspace.with-guide{grid-template-columns:minmax(620px,1fr) minmax(300px,340px)}.guide-panel{position:sticky;top:92px;grid-template-columns:1fr}}@media (max-width: 1500px){.blog-write-shell{grid-template-columns:1fr}.blog-side-rail{position:static;max-height:none;overflow:visible;padding-right:0}}@media (max-width: 1020px){.shell,.cms-layout,.hero-panel,.two,.editor-workspace,.blog-write-shell,.dashboard-grid,.overview-grid,.preview-grid{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:25;width:min(320px,86vw);transform:translate(-105%);background:#02080ff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav-open .sidebar{transform:translate(0)}.mobile-menu-button{display:inline-flex}.content{padding-top:64px}.guide-panel,.blog-side-rail,.rich-toolbar,.top-action-bar{position:static;max-height:none}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.repeater-row{grid-template-columns:1fr}.block-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.content,.sidebar{padding:16px}.toolbar,.panel-heading,.top-action-bar,.save-bar{align-items:flex-start;flex-direction:column}.block-picker-grid,.social-preview{grid-template-columns:1fr}}