:root { --admin-yellow:#fddc00; --admin-black:#111113; --admin-ink:#1a1a1d; --admin-muted:#6f6e72; --admin-line:#d9d6ce; --admin-mist:#f4f1e9; }
.admin-page { min-height:100vh; background:var(--admin-mist); color:var(--admin-ink); }
.admin-header { min-height:82px; padding:16px max(24px,calc((100% - 1180px)/2)); display:flex; align-items:center; justify-content:space-between; background:var(--admin-black); }
.admin-brand img { width:142px; height:auto; }
.admin-back { color:#fff; font-size:.9rem; }
.admin-back:hover,.admin-back:focus-visible { color:var(--admin-yellow); }
.admin-shell { width:min(calc(100% - 40px),1040px); margin:0 auto; padding:72px 0 110px; }
.admin-state { max-width:610px; margin:70px auto; }
.admin-state h1,.admin-dashboard-head h1 { margin:0 0 18px; font-family:"Manrope",sans-serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; }
.admin-state > p:not(.admin-kicker),.admin-dashboard-head > div:first-child > p:last-child { color:var(--admin-muted); font-size:1.05rem; }
.admin-kicker { margin:0 0 14px; color:#846d00; text-transform:uppercase; letter-spacing:.14em; font:700 .72rem/1.4 "Manrope",sans-serif; }
.admin-card { padding:48px; background:#fff; border-top:5px solid var(--admin-yellow); box-shadow:0 18px 55px rgba(20,20,22,.08); }
.admin-button { min-height:48px; border:0; padding:12px 20px; cursor:pointer; font:700 .95rem "DM Sans",sans-serif; }
.admin-button-primary { background:var(--admin-yellow); color:#171719; }
.admin-button-primary:hover { background:#eacb00; }
.admin-button-dark { background:var(--admin-black); color:#fff; }
.admin-error { color:#a02828 !important; min-height:24px; margin:18px 0 0; }
.admin-dashboard-head { display:flex; gap:40px; align-items:flex-end; justify-content:space-between; margin-bottom:40px; }
.admin-account { display:flex; align-items:center; gap:18px; padding-bottom:10px; color:var(--admin-muted); font-size:.9rem; }
.admin-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 20px; padding:15px 18px; background:#fff; border-left:4px solid var(--admin-yellow); color:var(--admin-muted); font-size:.92rem; }
.admin-tools a { color:var(--admin-ink); font-weight:700; text-decoration:underline; }
.admin-text-button { border:0; background:none; color:var(--admin-ink); cursor:pointer; text-decoration:underline; font:600 .9rem "DM Sans",sans-serif; }
.admin-form { display:grid; gap:20px; }
.admin-section { background:#fff; border:1px solid var(--admin-line); padding:28px; }
.admin-section h2 { margin:0 0 23px; font-size:1.25rem; line-height:1.2; }
.admin-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.admin-field { display:flex; flex-direction:column; gap:7px; }
.admin-field-wide { grid-column:1/-1; }
.admin-field span { font-weight:700; font-size:.92rem; }
.admin-field small { color:var(--admin-muted); font-size:.8rem; }
.admin-field input,.admin-field textarea { width:100%; border:1px solid #99968f; border-radius:2px; background:#fff; color:var(--admin-ink); padding:11px 12px; font:inherit; line-height:1.45; }
.admin-field textarea { min-height:106px; resize:vertical; }
.admin-field input:focus,.admin-field textarea:focus { outline:3px solid rgba(253,220,0,.48); border-color:#806b00; }
.admin-media-editor { display:grid; grid-template-columns:180px minmax(0,1fr); gap:18px; align-items:start; }
.admin-media-preview { width:180px; height:126px; object-fit:cover; background:var(--admin-mist); border:1px solid var(--admin-line); }
.admin-media-controls { display:grid; gap:7px; }
.admin-media-label { color:var(--admin-muted); font-size:.8rem; font-weight:700; }
.admin-media-controls input[type=file] { padding:9px; border:1px dashed #99968f; background:var(--admin-mist); }
.admin-save-bar { position:sticky; bottom:16px; z-index:4; display:flex; align-items:center; justify-content:flex-end; gap:20px; margin-top:28px; padding:15px 18px; background:rgba(17,17,19,.95); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.16); }
#save-status { margin-right:auto; color:#fff; font-size:.92rem; }
.admin-articles { margin-top:46px; padding:32px; background:#fff; border:1px solid var(--admin-line); }
.admin-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.admin-section-head h2 { margin:0 0 8px; font:700 1.7rem/1.15 "Manrope",sans-serif; }
.admin-section-head p:last-child { max-width:650px; margin:0; color:var(--admin-muted); }
.admin-article-list { display:grid; gap:10px; }
.admin-article-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 18px; border:1px solid var(--admin-line); background:var(--admin-mist); }
.admin-article-row h3 { margin:0 0 5px; font-size:1rem; }
.admin-article-row p { margin:0; color:var(--admin-muted); font-size:.85rem; }
.admin-article-row-actions { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.admin-article-status { display:inline-flex; padding:5px 8px; background:#e2eed7; color:#37631c; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.admin-article-status.is-draft { background:#eeeae1; color:#6f6e72; }
.admin-article-editor { margin-top:24px; padding:26px; border:2px solid var(--admin-yellow); background:#fffdf5; }
.admin-article-editor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:24px; }
.admin-article-editor-head h3 { margin:0; font:700 1.35rem/1.2 "Manrope",sans-serif; }
.admin-article-fields { gap:20px 24px; }
.admin-checkbox { display:flex; align-items:center; gap:10px; grid-column:1/-1; font-weight:700; }
.admin-checkbox input { width:18px; height:18px; accent-color:#806b00; }
.admin-article-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:24px; }
#article-status { margin-right:auto; color:#37631c; font-size:.9rem; }
.admin-button-danger { background:#fff; border:1px solid #b87575; color:#8d2525; }
.admin-button-danger:hover { background:#fff0f0; }
[hidden] { display:none !important; }
@media(max-width:700px) { .admin-header { padding:14px 20px; } .admin-back { font-size:.8rem; } .admin-shell { width:min(calc(100% - 28px),1040px); padding-top:44px; } .admin-card { padding:30px 24px; } .admin-dashboard-head { display:block; } .admin-account { padding:15px 0 0; } .admin-tools { display:block; } .admin-tools a { display:inline-block; margin-top:8px; } .admin-section { padding:22px 18px; } .admin-fields { grid-template-columns:1fr; } .admin-field-wide { grid-column:auto; } .admin-media-editor { grid-template-columns:1fr; } .admin-media-preview { width:100%; height:auto; max-height:220px; } .admin-save-bar { align-items:stretch; flex-direction:column; } #save-status { margin-right:0; } }
@media(max-width:700px) { .admin-articles { padding:22px 18px; } .admin-section-head { display:block; } .admin-section-head .admin-button { margin-top:16px; } .admin-article-row { display:block; } .admin-article-row-actions { justify-content:space-between; margin-top:14px; } .admin-article-editor { padding:20px 16px; } .admin-article-actions { align-items:stretch; flex-direction:column; } #article-status { margin-right:0; } }