:root{--navy:#07152c;--blue:#1764c0;--yellow:#ffc400;--paper:#f2f4f7;--ink:#172033;--muted:#667085;--line:#d8dde6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.admin-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--navy);color:#fff}.admin-login img{width:min(310px,80vw);margin-bottom:1rem}.admin-login h1{margin:.8rem 0 .2rem;font-family:Georgia,serif;font-size:2.4rem}.admin-login p{color:#bdc8d8}.admin-login>a:last-child{margin-top:1rem;color:#bdc8d8}.admin-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border:0;background:var(--yellow);color:var(--navy);font-weight:800;text-decoration:none}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.4rem;background:var(--navy);color:#fff}.admin-brand{display:block;padding:.4rem 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.14)}.admin-brand img{width:190px;max-width:100%}.admin-sidebar nav{display:grid;gap:.35rem;margin-top:1.5rem}.admin-sidebar nav button{padding:.8rem .9rem;border:0;background:transparent;color:#c4cede;text-align:left;font-weight:700}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:#13305a;color:var(--yellow)}.admin-user{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);font-size:.74rem;overflow-wrap:anywhere}.admin-user button{display:block;margin-top:.6rem;padding:0;border:0;background:none;color:var(--yellow)}.admin-main{min-width:0;padding:2rem 2.4rem 4rem}.admin-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-main>header span{color:var(--blue);font-size:.65rem;font-weight:800;letter-spacing:.12em}.admin-main>header h1{margin:.2rem 0 0;font-family:Georgia,serif;font-size:2.2rem}.admin-main>header>a{color:var(--blue);font-size:.8rem;font-weight:800}.admin-notice{min-height:22px;margin:0 0 1rem;color:#16734a;font-weight:700;font-size:.8rem}.admin-notice.error{color:#b42318}.admin-panel{display:none}.admin-panel.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.metric-grid article,.admin-card{padding:1.4rem;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(7,21,44,.04)}.metric-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase}.metric-grid strong{display:block;margin-top:.3rem;color:var(--blue);font-family:Georgia,serif;font-size:2.8rem}.admin-card h2{margin:0 0 1rem;font-family:Georgia,serif}.panel-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);gap:1rem;align-items:start}.admin-form{display:grid;gap:.9rem}.admin-form label{display:grid;gap:.35rem;color:#344054;font-size:.74rem;font-weight:800}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.72rem;border:1px solid #c9d0dc;background:#fff;color:var(--ink);font-weight:400}.admin-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.settings-form .form-row:nth-of-type(2){grid-template-columns:repeat(3,1fr)}.admin-form .check{display:flex;align-items:center;grid-template-columns:auto 1fr}.admin-form .check input{width:auto}.form-actions,.card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.link-button,.card-heading button{padding:0;border:0;background:none;color:var(--blue);font-weight:800;font-size:.76rem}.item-list{display:grid}.list-item{padding:1rem 0;border-top:1px solid var(--line)}.list-item:first-child{border-top:0}.list-item h3{margin:.2rem 0;font-size:1rem}.list-item p{margin:.35rem 0;color:var(--muted);font-size:.8rem}.list-item small{color:#8a93a2}.item-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem}.item-actions button{padding:0;border:0;background:none;color:var(--blue);font-size:.72rem;font-weight:800}.item-actions button.danger{color:#b42318}.status{display:inline-block;padding:.2rem .4rem;background:#eef2f7;color:#475467;font-size:.62rem;font-weight:800;text-transform:uppercase}.status.published,.status.approved,.status.active{background:#dcfae6;color:#087443}.status.pending,.status.draft{background:#fff2c7;color:#7a4f00}.status.rejected,.status.archived{background:#fee4e2;color:#b42318}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.66rem;text-transform:uppercase}.empty{padding:2rem 0;color:var(--muted);text-align:center}
.article-panel-grid{grid-template-columns:minmax(520px,1.35fr) minmax(320px,.65fr)}.article-editor-form{gap:1rem}.autosave-note,.form-help{color:var(--muted);font-size:.7rem;font-weight:400}.cover-uploader{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px dashed #aab4c4;background:#f8fafc}.cover-uploader>div{display:grid;gap:.25rem;flex:1}.cover-uploader small{color:var(--muted);font-size:.68rem}.cover-uploader img{width:150px;height:90px;object-fit:cover;border:1px solid var(--line)}.upload-button,.toolbar-upload,.preview-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:.55rem .75rem;border:1px solid var(--blue);background:#fff;color:var(--blue);font-size:.72rem;font-weight:800;cursor:pointer}.rich-field{display:grid;gap:.35rem;color:#344054;font-size:.74rem;font-weight:800}.editor-toolbar{display:flex;flex-wrap:wrap;border:1px solid #c9d0dc;border-bottom:0;background:#eef2f7}.editor-toolbar button,.toolbar-upload{min-height:36px;margin:0;padding:.45rem .65rem;border:0;border-right:1px solid #c9d0dc;background:transparent;color:#344054;font-size:.7rem;font-weight:700}.editor-toolbar button:hover,.toolbar-upload:hover{background:#fff;color:var(--blue)}.rich-editor{min-height:340px;padding:1rem;border:1px solid #c9d0dc;background:#fff;color:var(--ink);font-family:Georgia,serif;font-size:1rem;font-weight:400;line-height:1.7;outline:none}.rich-editor:empty:before{content:attr(data-placeholder);color:#98a2b3}.rich-editor:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,100,192,.08)}.rich-editor h2{margin:1.5rem 0 .45rem;font-size:1.4rem}.rich-editor blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid var(--yellow);background:#f6f8fb}.rich-editor img{display:block;max-width:100%;height:auto;margin:1rem auto}.rich-editor a{color:var(--blue)}.featured-check{padding:.7rem;border:1px solid #f2cf56;background:#fff8d8}.preview-button{border-color:#9aa5b5;color:#344054}.form-actions{justify-content:flex-start}.form-actions .link-button{margin-left:auto}.source-url{display:block;color:var(--blue);font-size:.7rem;overflow-wrap:anywhere}.cover-badge{margin-left:.4rem;color:#7a4f00;font-size:.65rem;font-weight:800}.uploading{opacity:.55;pointer-events:none}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.admin-user{margin-top:1rem}.panel-grid,.article-panel-grid{grid-template-columns:1fr}.admin-main{padding:1.4rem}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main>header{align-items:flex-start}.metric-grid,.form-row,.settings-form .form-row:nth-of-type(2){grid-template-columns:1fr}.admin-main{padding:1rem}.cover-uploader{align-items:flex-start;flex-direction:column}.cover-uploader img{width:100%;height:150px}.editor-toolbar button,.toolbar-upload{font-size:.65rem}.rich-editor{min-height:300px}}
.item-actions a{padding:0;border:0;background:none;color:var(--blue);font-size:.72rem;font-weight:800;text-decoration:none}
[hidden]{display:none!important}
.color-field{display:grid;grid-template-columns:58px minmax(92px,1fr);gap:.5rem}.color-field input[type="color"]{height:42px;padding:.2rem;cursor:pointer}.color-field .color-hex{height:42px;padding:.55rem .7rem;font-family:Consolas,"Courier New",monospace;font-weight:700;text-transform:uppercase}.source-examples{margin:0;padding:.75rem;background:#f3f6fa;border-left:4px solid var(--yellow);color:#475467;font-size:.78rem}
.stacked-checks,.access-options>div{display:grid;gap:.65rem}.stacked-checks{align-content:center}.access-options{margin:0;padding:1rem;border:1px solid var(--line)}.access-options legend{padding:0 .35rem;color:#344054;font-size:.78rem;font-weight:800}.admin-form label.access-check{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:.55rem;font-size:.78rem}.admin-form label.access-check input{margin:.15rem 0 0}.access-check span,.access-check strong,.access-check small{display:block}.access-check small{margin-top:.12rem;color:var(--muted);font-weight:400;line-height:1.35}.columnist-item{display:grid;grid-template-columns:64px 1fr;gap:.8rem}.columnist-item>img{width:64px;height:64px;object-fit:cover;border-radius:50%}.avatar-upload{display:flex;align-items:center;gap:1rem}.avatar-upload img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.sponsor-panel-grid{grid-template-columns:minmax(390px,.9fr) minmax(460px,1.1fr)}.sponsor-form fieldset{margin:0}.sponsor-art-grid{display:grid;gap:.8rem}.sponsor-asset-field{display:grid;gap:.45rem;padding:.75rem;border:1px solid #e3e7ed;background:#fafbfd}.sponsor-asset-field small{color:var(--muted);font-size:.69rem}.sponsor-form [data-sponsor-preview]{display:block;max-width:100%;max-height:118px;margin-top:.1rem;object-fit:contain;border:1px solid var(--line);background:#fff}.sponsor-render-preview{display:grid;gap:.7rem;padding:1rem;border:1px solid #cfd7e3;background:#f7f9fc}.sponsor-render-preview>strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.sponsor-preview-viewport{display:grid;gap:.35rem}.sponsor-preview-viewport>span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sponsor-preview-viewport>div{display:grid;place-items:center;width:min(100%,720px);height:144px;padding:0;border:1px solid #d9e0ea;background:#fff}.sponsor-preview-viewport img{display:block;width:100%;height:100%;max-width:100%;max-height:144px;object-fit:contain;object-position:center}.sponsor-preview-viewport small{color:var(--muted);font-size:.68rem;text-align:center}.sponsor-preview-viewport.mobile>div{width:min(100%,320px);height:100px}.sponsor-preview-viewport.mobile img{max-height:100px}.sponsor-active-count{margin:.1rem 0 .25rem;color:var(--blue);font-size:.76rem;font-weight:800}.sponsor-list-actions{display:flex;align-items:center;gap:.75rem}.sponsor-list-actions .admin-button{min-height:36px;padding:.55rem .7rem;font-size:.7rem;text-transform:uppercase}.sponsor-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:1rem;align-items:start}.sponsor-list-image{display:grid;place-items:center;min-height:78px;padding:.35rem;border:1px solid var(--line);background:#fafbfd;color:var(--muted);font-size:.65rem;text-align:center}.sponsor-list-image img{width:100%;height:76px;object-fit:contain}.sponsor-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:.65rem 0 0}.sponsor-details div{min-width:0}.sponsor-details dt{margin:0 0 .15rem;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sponsor-details dd{margin:0;color:#344054;font-size:.73rem;overflow-wrap:anywhere}.sponsor-details dd a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.sponsor-details .status{font-size:.58rem}.sponsor-item .item-actions{margin-top:.2rem}.sponsor-item .item-actions button{text-transform:uppercase;letter-spacing:.04em}@media(max-width:900px){.sponsor-panel-grid{grid-template-columns:1fr}}@media(max-width:560px){.sponsor-list-actions{align-items:stretch;flex-direction:column}.sponsor-list-actions .admin-button{width:100%}.sponsor-item{grid-template-columns:1fr}.sponsor-list-image{min-height:90px}.sponsor-list-image img{max-width:180px;height:80px}.sponsor-details{grid-template-columns:1fr}.sponsor-item .item-actions{grid-column:auto}.sponsor-preview-viewport>div{height:100px}.sponsor-preview-viewport.mobile>div{height:100px}}
