:root{--navy:#0a2550;--blue:#214f7b;--orange:#ff6600;--orange-soft:#fff0e6;--ink:#172638;--muted:#66758a;--line:#dfe6ee;--canvas:#f3f6f9;--white:#fff;--green:#0f8a5f;--red:#c43c3c;--amber:#b46b08;--shadow:0 12px 35px rgba(10,37,80,.09);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:linear-gradient(180deg,#071f46 0%,#0b2b59 100%);color:#fff;display:flex;flex-direction:column}.logo-row{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.logo-row strong{display:block;font-size:18px}.logo-row small{display:block;color:#b9c7da;margin-top:3px}.brand-mark{width:36px;height:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.brand-mark span{display:block;background:var(--orange);border-radius:2px 2px 0 0}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:25px}.brand-mark span:nth-child(3){height:34px}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;background:transparent;color:#cad6e7;text-align:left;padding:12px 14px;border-radius:9px;font-weight:650}.nav-button span{display:inline-grid;width:25px;color:#fff;font-size:20px}.nav-button:hover,.nav-button.active{background:rgba(255,255,255,.11);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:20px 9px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.sidebar .text-button{color:#fff}.workspace{min-width:0;padding:32px clamp(22px,4vw,58px) 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{margin:4px 0 0;font-size:clamp(28px,3vw,39px);letter-spacing:-.035em}.eyebrow{margin:0;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.13em}.button{border:0;border-radius:8px;padding:11px 17px;font-weight:750;transition:.18s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--orange);color:#fff;box-shadow:0 5px 14px rgba(255,102,0,.2)}.button.primary:hover{background:#e75d00;transform:translateY(-1px)}.button.ghost{background:#edf2f7;color:var(--blue)}.button.danger{background:var(--red);color:#fff}.text-button{border:0;background:transparent;color:var(--blue);padding:5px 0;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 3px 13px rgba(16,43,78,.04)}.metric-card span{display:block;color:var(--muted);font-size:13px;font-weight:650}.metric-card strong{display:block;font-size:32px;margin:7px 0 2px;color:var(--navy)}.metric-card small{color:var(--muted)}.metric-card.accent{border-top:3px solid var(--orange)}.panel-section{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.section-heading{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:22px;margin:5px 0 0}.article-list{display:grid}.article-row{border:0;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:18px 24px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.article-row:last-child{border-bottom:0}.article-row:hover{background:#f9fbfd}.article-title{font-weight:750;color:var(--ink);margin-bottom:6px}.article-meta{color:var(--muted);font-size:13px}.status-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;background:#eef2f6;color:#526477}.status-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-preview_ready,.status-approved{background:#e4f6ef;color:var(--green)}.status-error,.status-rejected{background:#fbe9e9;color:var(--red)}.status-new,.status-codex_queued,.status-generating,.status-processing{background:#e8f0fa;color:var(--blue)}.status-changes_requested{background:#fff1da;color:var(--amber)}.editor-card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.editor-card{padding:28px}.editor-card.narrow{max-width:900px}.form-intro h2{font-size:28px;margin:6px 0 8px}.form-intro p:last-child{color:var(--muted);max-width:680px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.form-grid label,.login-card label,.edit-form label{display:grid;gap:7px;font-size:14px;font-weight:750}.form-grid .wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:3px solid rgba(255,102,0,.13);border-color:var(--orange)}textarea{min-height:110px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.queue-toolbar{display:flex;gap:14px;margin-bottom:16px}.search{max-width:520px;flex:1;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search input{border:0}.search input:focus{outline:0}.filter-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.filter-label select{width:auto}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:13px 17px;background:#f8fafc;border-bottom:1px solid var(--line)}td{padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:#fafcff}.table-title{font-weight:740;max-width:460px}.table-sub{font-size:12px;color:var(--muted);margin-top:4px}.open-button{border:0;background:var(--orange-soft);color:#d65300;border-radius:7px;padding:8px 11px;font-weight:800}.empty{padding:42px;text-align:center;color:var(--muted)}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.detail-actions{display:flex;gap:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.preview-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.preview-header{padding:30px clamp(22px,5vw,52px);background:linear-gradient(135deg,#eaf3fb,#fff)}.preview-header h2{font-size:clamp(28px,4vw,42px);line-height:1.15;color:var(--navy);margin:16px 0}.preview-metadata{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.preview-body{padding:30px clamp(22px,5vw,52px) 52px;line-height:1.72}.preview-body h1{display:none}.preview-body h2{color:var(--blue);font-size:28px;margin:38px 0 12px}.preview-body h3{color:#285b8f;font-size:21px;margin:27px 0 9px}.preview-body p,.preview-body li{font-size:17px}.preview-body ul,.preview-body ol{padding-left:24px}.preview-body strong{color:#0f2948}.preview-body blockquote{margin:24px 0;padding:17px 20px;background:#eef6fc;border-left:4px solid var(--blue)}.preview-body table{min-width:0}.preview-body th{background:var(--blue);color:#fff}.preview-image{margin:25px 0}.preview-image img{max-width:100%;border-radius:10px}.side-stack{display:grid;gap:16px;align-content:start}.info-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.info-card h3{margin:0 0 14px;font-size:16px}.info-list{display:grid;gap:12px;margin:0}.info-list div{display:grid;gap:3px}.info-list dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.info-list dd{margin:0;font-size:14px;font-weight:650;overflow-wrap:anywhere}.warning{padding:13px;background:#fff4df;color:#7b550d;border-radius:8px;font-size:13px;line-height:1.45}.edit-form textarea[name="codex_result"]{min-height:520px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.6}.tab-row{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 20px}.tab{border:0;background:transparent;padding:14px 12px;color:var(--muted);font-weight:750;border-bottom:3px solid transparent}.tab.active{color:var(--orange);border-color:var(--orange)}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-grid img{display:block;width:100%;height:130px;object-fit:cover;border-radius:8px}.upload-box{border:1px dashed #9fb0c2;padding:15px;border-radius:9px}.upload-box input{padding:0;border:0}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#174a7a 0,#071f46 50%,#051631 100%)}.login-card{width:min(430px,100%);padding:38px;background:#fff;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.login-card .brand-mark{margin-bottom:18px}.login-card h1{margin:6px 0 10px;font-size:34px}.login-card .muted{color:var(--muted);line-height:1.5;margin-bottom:24px}.login-card label{margin-top:15px}.login-card .button{width:100%;margin-top:22px}.form-error{color:var(--red);min-height:20px}.toast{position:fixed;right:24px;top:20px;z-index:20;background:#102844;color:#fff;border-left:4px solid var(--orange);padding:13px 17px;border-radius:8px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 24px 75px rgba(8,25,48,.35)}dialog::backdrop{background:rgba(8,25,48,.55)}.dialog-card{width:min(520px,calc(100vw - 34px));padding:25px}.dialog-card h2{margin-top:0}.dialog-card p{color:var(--muted)}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:15px}.logo-row{padding-bottom:12px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.nav-button{text-align:center;padding:9px 5px;font-size:13px}.nav-button span{display:none}.sidebar-footer{display:none}.workspace{padding:22px 15px 40px}.topbar{align-items:flex-end}.topbar .button{padding:9px 11px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:27px}.section-heading{align-items:flex-start;gap:12px}.article-row{padding:15px}.queue-toolbar{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.editor-card{padding:20px}.detail-toolbar{align-items:flex-start;gap:12px}.detail-actions{flex-wrap:wrap;justify-content:flex-end}.side-stack{grid-template-columns:1fr}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.topbar h1{font-size:27px}.topbar .button{font-size:13px}.preview-body p,.preview-body li{font-size:16px}}
.image-grid figure{margin:0;position:relative}.remove-image{position:absolute;right:6px;bottom:6px;border:0;border-radius:6px;background:rgba(12,30,54,.88);color:#fff;padding:5px 8px;font-size:12px}.upload-box{display:grid;gap:10px}.preview-body img{display:block;max-width:100%;height:auto;margin:25px auto;border-radius:10px}.faq-heading{color:var(--orange)!important}.faq-item{margin:12px 0;border-radius:12px;overflow:hidden}.faq-item summary{list-style:none;background:var(--orange);color:#fff;padding:16px 50px 16px 20px;font-weight:800;cursor:pointer;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'⌄';position:absolute;right:20px;top:10px;font-size:25px}.faq-item[open] summary::after{transform:rotate(180deg)}.faq-answer{padding:7px 20px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}
.status-publication_planned{background:#e4f6ef;color:var(--green)}