:root{--o:#ed1c24;--blue:#2c2877;--yellow:#ffe500;--ink:#121318;--muted:#69707d;--line:#e6e8ed;--bg:#f3f5f8;--card:#fff;--nav:#2c2877}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.a-top{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:80;box-shadow:0 2px 15px #0002}.a-top-left{display:flex;align-items:center;gap:10px}.a-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;height:68px}.a-brand img{width:105px;height:62px;object-fit:contain}.a-brand small{font-size:9px;color:#dfe3ff;letter-spacing:1px;margin-left:2px}.a-user{display:flex;align-items:center;gap:16px;font-size:12px}.a-user a{color:#dfe2e8}.a-user .logout{color:#ffb18a}.a-menu{display:none;border:0;background:transparent;color:#fff;font-size:25px}.a-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 68px)}.a-side{background:#fff;border-right:1px solid var(--line);padding:18px 11px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.side-label{font-size:10px;color:#9aa1ac;font-weight:900;letter-spacing:1.4px;padding:0 12px 10px}.a-side a{display:flex;align-items:center;gap:9px;padding:12px;border-radius:10px;font-weight:700;font-size:13px;margin:3px 0}.a-side a:hover,.a-side a.active{background:#fff1e9;color:var(--o)}.a-main{padding:30px;max-width:1400px;width:100%}.a-title{display:flex;justify-content:space-between;align-items:center}.a-kicker{font-size:10px;letter-spacing:1.5px;color:var(--o);font-weight:900}.a-title h1{font-size:28px;margin:4px 0 22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 4px 20px #10111408}.stat b{font-size:30px;display:block}.stat span{color:var(--muted);font-size:12px}.panel{margin-top:18px}.panel h2{font-size:17px;margin-top:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:10px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.btn{display:inline-block;background:var(--o);color:#fff;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.btn.gray{background:#eef0f3;color:#222}.btn.danger{background:#c62828}.btn.small{padding:7px 10px;font-size:11px}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-head h2{margin:3px 0}.count-badge{background:#f0f1ff;color:var(--blue);padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}.manager-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:18px}.manager-grid .panel{margin-top:0}.narrow-panel{max-width:760px}.panel-summary{cursor:pointer;font-weight:800;padding:4px}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}.publish-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.publish-status{display:flex;flex-direction:column;gap:3px}.publish-status span{font-size:11px;color:var(--muted)}.publish-actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:8px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.field textarea{min-height:260px}.thumb{width:90px;height:55px;object-fit:cover;border-radius:6px}.flash{padding:12px 14px;border-radius:10px;margin-bottom:15px;background:#e9f8ee;color:#176b35}.flash.error{background:#fff0f0;color:#a21b1b}.role{font-size:11px;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;background:#111}.login-box{background:#fff;width:min(450px,92%);padding:30px;border-radius:18px;box-shadow:0 30px 80px #0007}.login-box .a-brand{color:#111;margin-bottom:12px}.login-box input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin:6px 0 14px}.a-backdrop{display:none}
.editor-shell{max-width:1500px;margin:0 auto}.editor-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.editor-top .hint{font-size:12px;color:var(--muted)}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.focus-mode .a-top,.focus-mode .a-side,.focus-mode .a-title{display:none}.focus-mode .a-main{max-width:none;padding:14px}.focus-mode .editor-shell{max-width:1500px}.focus-mode .editor-workspace{min-height:calc(100vh - 28px)}.editor-workspace{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #1011140a;padding:16px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-fields .full{grid-column:1/-1}.headline-input{font-family:'Space Grotesk';font-size:30px!important;font-weight:700;padding:15px!important}.editor-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin:8px 0}.seo-panel{margin-top:15px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seo-panel summary{cursor:pointer;padding:13px 15px;font-weight:800;background:#fafbfc}.seo-panel .seo-body{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.seo-body .full{grid-column:1/-1}.seo-preview{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfbfc}.seo-preview .blue{color:#1a0dab;font-size:17px}.seo-preview .green{color:#16833a;font-size:12px}.summernote{display:none}.note-editor.note-frame{border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden}.note-toolbar{background:#fafbfc!important;border-bottom:1px solid var(--line)!important}.note-editable{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;min-height:520px}.note-statusbar{background:#fafbfc!important}.word-count{font-variant-numeric:tabular-nums}.image-preview{width:180px;height:105px;object-fit:cover;border-radius:9px;border:1px solid var(--line);display:none}.help{font-size:11px;color:var(--muted);margin-top:5px}
@media(max-width:900px){.manager-grid{grid-template-columns:1fr}.publish-bar{align-items:flex-start;flex-direction:column}.publish-actions{width:100%}.publish-actions .btn{flex:1;text-align:center}.a-menu{display:block}.a-user>span,.a-user>a:not(.logout){display:none}.a-layout{grid-template-columns:1fr}.a-side{position:fixed;z-index:100;left:-290px;top:68px;width:270px;height:calc(100dvh - 68px);transition:left .25s ease;box-shadow:15px 0 40px #0002}.a-side.open{left:0}.a-backdrop.open{display:block;position:fixed;inset:68px 0 0;background:#0007;z-index:90}.a-main{padding:20px}.grid4{grid-template-columns:1fr 1fr}.editor-fields{grid-template-columns:1fr}.editor-fields .full{grid-column:auto}.seo-panel .seo-body{grid-template-columns:1fr}.seo-body .full{grid-column:auto}}
@media(max-width:600px){.a-brand img{width:92px}.a-top{padding:0 13px}.a-main{padding:14px}.a-title h1{font-size:23px}.grid4{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.editor-workspace{padding:10px;border-radius:12px}.headline-input{font-size:24px!important}.editor-top{align-items:flex-start;flex-direction:column}.editor-actions{width:100%}.editor-actions .btn{flex:1;text-align:center}.note-editable{min-height:420px;font-size:16px}.table{min-width:750px}}

.profile-chip{display:flex!important;align-items:center;gap:8px;text-decoration:none!important;font-weight:800}.profile-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.35)}.profile-hero{display:flex;align-items:center;gap:18px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.profile-photo{width:92px;height:92px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 5px 18px rgba(0,0,0,.12);background:#f5f5f5}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-panel{max-width:900px}@media(max-width:700px){.profile-chip span{display:none}.profile-hero{align-items:flex-start}.profile-photo{width:72px;height:72px}}

.notification-admin-list{display:grid;gap:8px}.notification-admin-list article{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--line)}.notification-admin-list article div{display:flex;flex-direction:column;gap:3px}.notification-admin-list article span,.notification-admin-list article small{font-size:11px;color:var(--muted)}.badge,.count-badge{background:#f0f1ff;color:var(--blue);padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}@media(max-width:600px){.notification-admin-list article{display:block}.notification-admin-list article small{display:block;margin-top:5px}}

/* Mobile stability: prevent horizontal overflow and iOS input auto-zoom. */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
.a-main,.panel,.stat,.editor-shell,.editor-workspace,.form-grid,.editor-fields,.seo-body,.publish-bar,.panel-head,.editor-top,.actions{min-width:0}
.field input,.field select,.field textarea,.login-box input,.note-editable{font-size:max(16px,1em)}
@media(max-width:900px){.a-main{width:100%;max-width:100%;overflow-x:hidden}.panel{max-width:100%}.table-wrap{-webkit-overflow-scrolling:touch}.actions{flex-wrap:wrap}.a-title,.panel-head{flex-wrap:wrap}}
@media(max-width:600px){.a-top{width:100%;max-width:100vw}.a-user{gap:8px}.a-main{padding:12px}.grid4{grid-template-columns:1fr}.form-grid,.editor-fields,.seo-panel .seo-body{width:100%;max-width:100%}.field input,.field select,.field textarea,.login-box input{font-size:16px!important}.note-editable{font-size:16px!important}.note-editor.note-frame{max-width:100%;width:100%}.note-toolbar{overflow-x:auto;white-space:nowrap}.table{min-width:640px}.publish-actions{flex-direction:column}.publish-actions .btn,.editor-actions .btn{width:100%}}

/* Prevent iPhone Safari from zooming when login/form fields receive focus */
.login-box input,.login-box select,.login-box textarea{font-size:16px!important}
@media(max-width:600px){.login-box input,.login-box select,.login-box textarea{font-size:16px!important}}


/* Add Post stability fix: keep every editor control inside its grid/container. */
.editor-shell,
.editor-workspace,
.editor-fields,
.editor-fields .field,
.seo-panel,
.seo-panel .seo-body,
.seo-panel .seo-body .field,
.publish-bar{min-width:0;max-width:100%;box-sizing:border-box}
.editor-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.seo-panel .seo-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.field input,
.field select,
.field textarea,
.field input[type="file"]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.headline-input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;display:block}
.note-editor.note-frame{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.note-toolbar,.note-editable,.note-statusbar{max-width:100%;box-sizing:border-box}
.publish-actions,.editor-actions{min-width:0;max-width:100%}
@media(max-width:900px){
  .editor-fields,.seo-panel .seo-body{grid-template-columns:minmax(0,1fr)}
  .editor-fields .field.full,.seo-body .full{grid-column:auto}
}
@media(max-width:600px){
  .editor-shell,.editor-workspace{width:100%;max-width:100%;overflow-x:hidden}
  .headline-input{font-size:24px!important;padding:13px!important}
  .field input,.field select,.field textarea{width:100%!important;max-width:100%!important;min-width:0!important}
  .note-editor.note-frame{width:100%!important;max-width:100%!important;overflow:hidden}
  .note-toolbar{overflow-x:auto;overflow-y:hidden;white-space:nowrap}
}

/* Advertising dashboard */
.ad-kicker{font-size:10px;letter-spacing:1.4px;color:var(--o);font-weight:900}.ad-preview{margin-top:10px;background:#f5f6f8;border-radius:10px;padding:8px;max-width:420px}.ad-preview img{display:block;max-width:100%;max-height:180px;object-fit:contain;border-radius:7px}.ad-thumb{width:76px;height:48px;object-fit:cover;border-radius:7px;vertical-align:middle;margin-right:8px}.ad-dashboard .table td{vertical-align:middle}.ad-dashboard .actions{flex-wrap:wrap}.ad-dashboard .field small{display:block;margin-top:5px}