.cms-body{background:var(--cms-bg,#eef3ef);min-height:100vh}.cms-topbar{height:76px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:sticky;top:0;z-index:40;box-shadow:0 12px 35px rgba(0,0,0,.12)}.cms-topbar>div{display:flex;align-items:center;gap:10px}.cms-view{padding:11px 15px;border-radius:999px;background:var(--aqua);color:var(--navy);font-weight:850;font-size:13px}.cms-shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 76px)}.cms-sidebar{padding:35px 25px;background:var(--cms-panel,#fff);border-right:1px solid var(--line);position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.cms-sidebar h1{font-size:40px;margin:8px 0 15px;line-height:.95}.cms-sidebar>p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted)}.cms-sidebar nav{display:grid;margin-top:24px;gap:5px}.cms-sidebar nav button,.cms-new,.cms-storage button,.import-label{border:0;text-align:left;padding:11px 13px;border-radius:12px;background:transparent;color:var(--ink);font-weight:750}.cms-sidebar nav button.active,.cms-sidebar nav button:hover{background:var(--mint)}.cms-new{width:100%;background:var(--navy);color:white;margin-top:20px}.cms-storage{margin-top:34px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:8px}.cms-storage b{font-size:12px}.cms-storage span{font-size:11px;line-height:1.5;color:var(--muted)}.cms-storage button,.import-label{border:1px solid var(--line);font-size:11px;background:var(--paper)}.import-label input{display:none}.cms-main{padding:30px}.cms-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.cms-summary div{background:var(--cms-panel,#fff);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;justify-content:space-between;align-items:end}.cms-summary span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.cms-summary strong{font-size:32px;color:var(--navy)}.cms-workspace{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(420px,1.1fr);gap:20px}.cms-editor,.cms-library{background:var(--cms-panel,#fff);border:1px solid var(--line);border-radius:24px;padding:24px;min-width:0}.cms-editor-head,.library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.cms-editor h2,.cms-library h2{margin:5px 0 0;color:var(--navy);font-size:28px}.cms-editor-head>span{font-size:11px;color:var(--teal);font-weight:800}.cms-editor form{display:grid;gap:14px}.cms-editor label{display:grid;gap:7px;font-size:11px;font-weight:800;color:var(--ink)}.cms-editor input,.cms-editor select,.cms-editor textarea,.library-head input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:12px;outline:none}.cms-editor input:focus,.cms-editor select:focus,.cms-editor textarea:focus,.library-head input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,170,162,.1)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:9px!important;align-self:end;padding:11px 0}.check-label input{width:auto}.cms-editor small{color:var(--muted);font-weight:500}.image-preview{height:170px;background:center/cover no-repeat;border-radius:16px;border:1px solid var(--line)}.cms-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger-link{margin-left:auto;border:0;background:transparent;color:#b42318;font-weight:800}.library-head input{max-width:220px}.cms-list{display:grid;gap:10px}.cms-item{display:grid;grid-template-columns:110px 1fr auto;gap:15px;padding:11px;border:1px solid var(--line);border-radius:17px;align-items:center;cursor:pointer;transition:.25s}.cms-item:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(6,38,59,.08)}.cms-thumb{height:88px;border-radius:12px;background:linear-gradient(145deg,var(--navy2),var(--teal));background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:8px}.cms-thumb span{font-size:9px;color:white;text-transform:uppercase;letter-spacing:.12em;background:rgba(6,38,59,.7);padding:4px 6px;border-radius:6px}.cms-item h3{margin:5px 0;font-size:16px;color:var(--ink)}.cms-item p{margin:0;font-size:11px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cms-item-meta{display:flex;gap:8px;align-items:center}.cms-item-meta time{font-size:10px;color:var(--muted)}.status{font-size:9px;text-transform:uppercase;font-weight:900;padding:4px 6px;border-radius:999px}.status.published{background:#d8f5e9;color:#08775c}.status.draft{background:#f4ead1;color:#8d6218}.cms-item>button{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:8px;font-size:11px}.cms-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:white;border-radius:50%;display:grid;place-items:center;position:relative}.moon-icon{display:none}[data-theme="dark"] .sun-icon{display:none}[data-theme="dark"] .moon-icon{display:inline}
[data-theme="dark"]{--cream:#071a25;--paper:#0c2837;--ink:#dcebed;--muted:#91aeb4;--line:rgba(220,235,237,.13);--mint:#123d43;--cms-bg:#06151f;--cms-panel:#0a2330}[data-theme="dark"] .cms-summary strong,[data-theme="dark"] .cms-editor h2,[data-theme="dark"] .cms-library h2,[data-theme="dark"] .cms-sidebar h1{color:#effcfd}[data-theme="dark"] .cms-sidebar nav button.active,[data-theme="dark"] .cms-sidebar nav button:hover{background:#123d43}
@media(max-width:1100px){.cms-shell{grid-template-columns:220px 1fr}.cms-workspace{grid-template-columns:1fr}.cms-sidebar{padding:25px 18px}}@media(max-width:760px){.cms-shell{display:block}.cms-sidebar{position:static;height:auto}.cms-main{padding:15px}.cms-summary{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr}.cms-item{grid-template-columns:80px 1fr}.cms-item>button{display:none}.cms-thumb{height:70px}.cms-topbar{padding:0 14px}.cms-view{font-size:11px}.cms-topbar .brand>span:last-child{display:none}}
.staff-login-overlay{position:fixed;inset:0;z-index:9999;background:#04273bf2;display:grid;place-items:center;padding:20px}.staff-login-card{width:min(440px,100%);background:#fff;color:#102c38;padding:30px;border-radius:22px;display:grid;gap:15px}.staff-login-card h2{margin:0}.staff-login-card label{display:grid;gap:6px;font-weight:700}.staff-login-card input{padding:12px 14px;border:1px solid #bcc9ce;border-radius:10px}