:root { --red:#d90429; --ink:#171717; --paper:#f4f3f0; --line:#dedbd5; --muted:#6b6b6b; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.login-page { min-height:100vh; display:grid; place-items:center; padding:25px; background:linear-gradient(125deg,#151515 0 47%,#d90429 47% 100%); }
.login-card { width:min(470px,100%); padding:44px; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.admin-brand { display:inline-flex; align-items:center; gap:12px; margin-bottom:36px; }
.admin-brand > span:last-child { display:grid; }
.admin-brand strong { font:800 20px/1 "Libre Franklin",sans-serif; }
.admin-brand small { margin-top:5px; color:#777; font:700 8px/1 "Libre Franklin",sans-serif; letter-spacing:.15em; }
.mini-cross { position:relative; width:34px; height:34px; }
.mini-cross::before,.mini-cross::after { content:""; position:absolute; background:var(--red); }
.mini-cross::before { width:13px; height:34px; left:10.5px; }
.mini-cross::after { width:34px; height:13px; top:10.5px; }
.overline { margin:0 0 8px; color:var(--red); font:700 10px/1 "Libre Franklin",sans-serif; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
.login-card h1 { margin-bottom:8px; font:800 40px/1 "Libre Franklin",sans-serif; letter-spacing:-.04em; }
.muted { color:var(--muted); }
.login-form { display:grid; gap:18px; margin-top:28px; }
.captcha-box { display:flex; align-items:center; gap:12px; padding:9px; border:1px solid #cbc8c2; background:#f7f5f1; }
.captcha-box img { width:184px; height:58px; object-fit:cover; background:#eee; }
.captcha-refresh { border:0; padding:8px; color:var(--red); background:transparent; cursor:pointer; font-size:11px; font-weight:700; }
label { display:grid; gap:7px; color:#555; font-size:12px; font-weight:700; }
input,textarea { width:100%; border:1px solid #cbc8c2; padding:12px 13px; color:#111; background:#fff; border-radius:0; outline:none; }
input:focus,textarea:focus { border-color:var(--red); box-shadow:0 0 0 2px rgba(217,4,41,.1); }
.primary,.secondary,.danger,.view-site { display:inline-flex; align-items:center; justify-content:center; border:0; padding:13px 17px; cursor:pointer; font-weight:700; }
.primary { color:#fff; background:var(--red); }
.primary:disabled { cursor:not-allowed; background:#8f8f8f; }
.secondary { color:#111; background:#e6e3dd; }
.danger { color:#b00020; background:#fee9ed; }
.small { padding:10px 13px; font-size:12px; }
.back-site { display:block; margin-top:26px; color:var(--muted); font-size:13px; }
.notice { margin:18px 0; padding:13px 15px; font-size:13px; }
.notice--error { color:#850018; background:#ffe6eb; }
.notice--success { color:#176237; background:#e1f5e9; }
.admin-shell { padding-left:240px; }
.admin-sidebar { position:fixed; inset:0 auto 0 0; width:240px; display:flex; flex-direction:column; padding:30px 24px; color:#fff; background:#111; }
.admin-sidebar .admin-brand strong { color:#fff; }
.admin-sidebar .admin-brand small { color:#aaa; }
.admin-sidebar nav { display:grid; gap:6px; }
.admin-sidebar nav a { padding:12px 13px; color:#aaa; font-size:14px; }
.admin-sidebar nav a:hover { color:#fff; background:#252525; }
.logout { margin-top:auto; padding:12px 13px; color:#aaa; font-size:13px; }
.admin-main { width:min(1180px,calc(100% - 50px)); margin-inline:auto; padding:45px 0 80px; }
.admin-top,.section-title { display:flex; align-items:end; justify-content:space-between; gap:25px; }
.admin-top h1 { margin:0; font:800 38px/1 "Libre Franklin",sans-serif; letter-spacing:-.04em; }
.view-site { border:1px solid var(--line); background:#fff; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:35px 0 52px; }
.stats article { padding:26px; background:#fff; border-top:4px solid var(--red); }
.stats strong { display:block; font:800 35px/1 "Libre Franklin",sans-serif; }
.stats span { display:block; margin-top:7px; color:var(--muted); font-size:12px; }
.admin-section { scroll-margin-top:25px; margin-top:48px; }
.section-title { margin-bottom:17px; }
.section-title h2 { margin:0; font:800 27px/1 "Libre Franklin",sans-serif; letter-spacing:-.03em; }
.item-list { display:grid; gap:9px; margin-bottom:14px; }
.list-item { display:grid; grid-template-columns:115px minmax(0,1fr) 75px 65px; gap:18px; align-items:center; min-height:100px; padding:12px; background:#fff; border:1px solid #e5e2dc; }
.list-item.is-hidden { opacity:.58; }
.list-item img { width:115px; height:78px; object-fit:cover; background:#ddd; }
.list-item h3 { margin:7px 0 4px; font-size:15px; }
.list-item p { margin:0; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.status { display:inline-block; margin-right:6px; padding:4px 6px; color:#774c00; background:#fff1cd; font:700 9px/1 "Libre Franklin",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.status--live { color:#176237; background:#e1f5e9; }
.status--featured { color:#fff; background:var(--red); }
.order input { padding:8px; }
.row-actions a { color:var(--red); font-size:12px; font-weight:700; }
.editor-card { scroll-margin-top:25px; margin-top:22px; padding:28px; background:#fff; border-top:5px solid var(--red); box-shadow:0 16px 45px rgba(0,0,0,.08); }
.editor-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.editor-heading h3 { margin:0; font:800 22px/1 "Libre Franklin",sans-serif; }
.editor-heading a { color:var(--muted); font-size:12px; }
.content-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.wide { grid-column:1/-1; }
.check { display:flex; grid-auto-flow:column; align-items:center; justify-content:start; gap:8px; }
.check input { width:auto; }
.form-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:8px; }
@media(max-width:820px){.admin-shell{padding-left:0}.admin-sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;gap:20px;padding:17px}.admin-sidebar .admin-brand{margin:0}.admin-sidebar nav{display:none}.logout{margin:0 0 0 auto}.admin-main{width:min(100% - 28px,1180px)}.list-item{grid-template-columns:80px minmax(0,1fr) 55px}.list-item img{width:80px;height:70px}.row-actions{grid-column:2}.stats{gap:8px}.stats article{padding:18px}.content-form{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:520px){.login-card{padding:30px 24px}.admin-sidebar .admin-brand small{display:none}.admin-main{padding-top:28px}.admin-top{align-items:start;flex-direction:column}.stats{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column}.list-item{grid-template-columns:70px 1fr}.list-item img{width:70px;height:70px}.order,.row-actions{grid-column:auto}.editor-card{padding:22px 17px}}