:root { --admin-bg:#f4f7f6; --admin-panel:#fff; --admin-ink:#17312f; --admin-muted:#607270; --admin-border:#dbe5e2; --admin-accent:#147d77; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:240px minmax(0,1fr); background:var(--admin-bg); color:var(--admin-ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
.admin-sidebar { position:sticky; top:0; height:100vh; padding:24px 18px; background:#173f3c; color:#fff; display:flex; flex-direction:column; gap:24px; }
.admin-brand { color:#fff; font-size:1.1rem; font-weight:750; text-decoration:none; padding:8px; }
.admin-sidebar nav { display:grid; gap:4px; }
.admin-sidebar nav a { color:#d7e9e6; text-decoration:none; padding:9px 11px; border-radius:8px; }
.admin-sidebar nav a.active,.admin-sidebar nav a:hover { color:#fff; background:#ffffff19; }
.admin-logout { margin-top:auto; width:100%; border:1px solid #ffffff55; color:#fff; background:transparent; border-radius:8px; padding:10px; cursor:pointer; }
.admin-main { min-width:0; padding:36px clamp(20px,4vw,56px) 64px; }
.admin-page-header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.admin-page-header h1 { margin:3px 0 0; font-size:clamp(1.8rem,3vw,2.7rem); letter-spacing:-.04em; }
.admin-kicker { color:var(--admin-accent); font-weight:750; font-size:.75rem; letter-spacing:.14em; }
.admin-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.admin-stat-grid article,.admin-panel { background:var(--admin-panel); border:1px solid var(--admin-border); border-radius:14px; box-shadow:0 10px 28px #244b4610; }
.admin-stat-grid article { padding:24px; display:grid; gap:4px; }.admin-stat-grid strong { font-size:2rem; }.admin-stat-grid span { color:var(--admin-muted); }
.admin-panel { padding:22px; margin-bottom:20px; overflow:auto; }.admin-panel h2 { margin-top:0; }
.admin-panel table { width:100%; border-collapse:collapse; }.admin-panel th,.admin-panel td { padding:11px 10px; border-bottom:1px solid var(--admin-border); text-align:left; vertical-align:top; }.admin-panel th { color:var(--admin-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
.status { display:inline-flex; padding:4px 8px; border-radius:999px; background:#e9efed; }.status-published { background:#dff4e8; color:#17633b; }.status-draft { background:#fff0ca; color:#775500; }
.admin-editor,.admin-form,.admin-locale { display:grid; gap:15px; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.admin-editor label,.admin-form label,.admin-locale label { display:grid; gap:6px; font-size:.85rem; font-weight:650; }.admin-editor input,.admin-editor textarea,.admin-editor select,.admin-form input,.admin-form textarea,.admin-form select,.admin-locale input,.admin-locale textarea { width:100%; border:1px solid #b9c9c6; border-radius:7px; padding:10px 11px; font:inherit; background:#fff; color:var(--admin-ink); box-sizing:border-box; }.admin-editor textarea,.admin-form textarea,.admin-locale textarea { min-height:94px; resize:vertical; }
.admin-form fluent-button { min-height:44px; padding:0 18px; border-radius:8px; color:#fff; background:var(--admin-accent); font-weight:700; cursor:pointer; }
.checkbox { display:flex!important; grid-auto-flow:column; justify-content:start; align-items:center; }.checkbox input { width:auto!important; }
.admin-locale-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.admin-actions { display:flex; gap:10px; flex-wrap:wrap; }.admin-split { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr); gap:20px; align-items:start; }
.admin-preview-hero { max-width:900px; min-height:420px; display:flex; flex-direction:column; justify-content:center; padding:clamp(32px,8vw,100px); background:linear-gradient(140deg,#eaf7f4,#fff); border-radius:28px; }.admin-preview-hero h2 { font-size:clamp(2rem,5vw,4rem); margin:.2em 0; }.admin-preview-hero hr { width:100%; border:0; border-top:1px solid var(--admin-border); margin:40px 0; }
.admin-login-page { min-height:100vh; display:grid; place-items:center; background:radial-gradient(circle at top,#e4f7f2,#f7faf9 50%); padding:24px; }.admin-login-card { width:min(420px,100%); padding:38px; border-radius:20px; background:#fff; border:1px solid var(--admin-border); box-shadow:0 24px 80px #163e3820; }.admin-login-card h1 { font-size:2.2rem; margin:.25em 0; }.admin-login-card .admin-form { margin-top:24px; }
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:24px 16px}.admin-stat-grid,.admin-locale-grid,.admin-split,.form-grid{grid-template-columns:1fr}}