:root { --teal:#003c3c; --accent:#ffc400; --paper:#f5f4ef; --ink:#132324; --line:#cbd1cf; }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,sans-serif; }
a { color:inherit; text-decoration:none; } .admin-sidebar { position:fixed; inset:0 auto 0 0; display:flex; width:250px; padding:2rem; color:white; background:#002c2d; flex-direction:column; }
.admin-sidebar img { width:170px; } .admin-sidebar nav { display:grid; gap:.9rem; margin-top:5rem; } .admin-sidebar > a { margin-top:auto; color:#9eb2b1; }
.admin-sidebar a:hover { color:var(--accent); } .admin-main { margin-left:250px; padding:3rem clamp(2rem,5vw,5rem); } .admin-main > header { display:flex; justify-content:space-between; align-items:end; margin-bottom:3rem; }
.admin-main header small { color:#657676; text-transform:uppercase; letter-spacing:.12em; } h1 { margin:.5rem 0 0; font-size:3rem; } .stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.stats article { display:flex; min-height:180px; padding:1.5rem; border:1px solid var(--line); background:white; flex-direction:column; } .stats b { margin-top:1rem; font-size:3rem; } .stats a { margin-top:auto; font-weight:bold; }
.admin-panel { margin-top:2rem; padding:2rem; background:white; border:1px solid var(--line); } .panel-head { display:flex; justify-content:space-between; } table { width:100%; border-collapse:collapse; } th,td { padding:1rem; border-bottom:1px solid var(--line); text-align:left; }
.content-list { display:grid; margin-bottom:2rem; } .content-list a { display:flex; justify-content:space-between; padding:1rem 0; border-bottom:1px solid var(--line); } .content-list span { color:#687778; }
.editor form { display:grid; gap:1.3rem; } .editor label,.login-card label { display:grid; gap:.5rem; font-weight:bold; } .editor input,.editor select,.editor textarea,.login-card input { width:100%; padding:.85rem; border:1px solid var(--line); border-radius:0; background:white; }
.editor textarea { min-height:130px; } .editor .body-editor { min-height:300px; } .field-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } .editor button,.login-card button { padding:.9rem 1.3rem; border:0; background:var(--teal); color:white; font-weight:bold; justify-self:start; }
.login-screen { display:grid; min-height:100vh; place-items:center; background:#e8ebe6; } .login-card { display:grid; width:min(460px,90vw); padding:3rem; gap:1.2rem; background:white; box-shadow:0 20px 60px rgba(0,0,0,.08); } .login-card img { width:190px; margin-bottom:2rem; } .login-card h1 { font-size:2rem; }
@media(max-width:900px){.admin-sidebar{position:static;width:100%;min-height:auto}.admin-sidebar nav{margin-top:2rem}.admin-main{margin-left:0;padding:2rem 1rem}.stats{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}}