:root{
  --bg:#F5F0E6;--card:#FFFCF4;--ink:#1C2115;--muted:#707365;--line:#DCD6C8;
  --olive:#7F9433;--deep:#344219;--night:#19210D;--soft:#D8EF71;
  --display:"Inter Tight",sans-serif;--body:"Inter",sans-serif;--mono:"IBM Plex Mono",monospace;
  --shadow:0 22px 60px -42px rgba(26,33,15,.42);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px}
button,input,textarea{font:inherit}
button,a{transition:opacity .2s,background .2s,color .2s,border-color .2s}
button{cursor:pointer}
[hidden]{display:none!important}
.admin-brand{font:800 1.4rem/1 var(--display);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.admin-brand span,h1 span{color:var(--olive)}
.eyebrow{margin:0 0 .65rem;font:500 .67rem/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--olive)}

.admin-login{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:clamp(1.2rem,4vw,2.4rem)}
.login-card{align-self:center;justify-self:center;width:min(100%,420px);padding:clamp(1.5rem,5vw,2.4rem);background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.login-card h1{margin:0;font:800 clamp(2rem,8vw,3.2rem)/.95 var(--display);letter-spacing:-.055em}
.login-copy{color:var(--muted);line-height:1.55;margin:1rem 0 1.6rem}
.login-card form,.login-card label{display:grid;gap:.5rem}
.login-card form{gap:1rem}
.login-card label,.field{font:500 .68rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.login-card input,.field input,.faq-editor input,.faq-editor textarea{
  width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:.85rem .9rem;outline:0;
}
.login-card input:focus,.field input:focus,.faq-editor input:focus,.faq-editor textarea:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(127,148,51,.13)}
.login-card button,.topbar-actions button,[data-save]{
  border:0;border-radius:999px;background:var(--deep);color:#fff;padding:.85rem 1.1rem;font-weight:700;
}
.login-status,.save-status{min-height:1.3em;margin:0;color:#9B3B2C;font-size:.82rem}
.back-link{display:inline-block;margin-top:1.3rem;color:var(--muted);text-decoration:none;font-size:.86rem}

.admin-shell{min-height:100dvh;display:grid;grid-template-columns:230px 1fr}
.admin-sidebar{position:sticky;top:0;height:100dvh;padding:1.5rem;display:flex;flex-direction:column;background:var(--night);color:#F4F1E6}
.admin-sidebar .admin-brand{color:#fff}
.sidebar-label{margin:2.5rem 0 .75rem;font:500 .65rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#98A17A}
.admin-sidebar nav{display:grid;gap:.35rem}
.admin-sidebar nav button{border:0;border-radius:10px;background:transparent;color:#C9CDB9;padding:.7rem .8rem;text-align:left}
.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:rgba(216,239,113,.12);color:var(--soft)}
.local-note{margin:auto 0 0;color:#98A17A;font-size:.76rem;line-height:1.5}
.admin-workspace{min-width:0;padding:clamp(1.1rem,3vw,2.5rem)}
.admin-topbar{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.admin-topbar h1{margin:0;font:800 clamp(2rem,5vw,3.5rem)/.95 var(--display);letter-spacing:-.05em}
.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.topbar-actions a,.topbar-actions button{border:1px solid var(--line);border-radius:999px;padding:.65rem .9rem;background:var(--card);color:var(--ink);text-decoration:none;font-weight:600}
.topbar-actions button:last-child{background:var(--deep);border-color:var(--deep);color:#fff}
.save-status{color:var(--olive);text-align:right;padding:.6rem 0}
.admin-panel{max-width:1180px}
.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.2rem 0}
.panel-head h2{margin:0;font:800 clamp(1.7rem,4vw,2.7rem)/1 var(--display);letter-spacing:-.04em}
.secondary{border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.stat-grid article,.editor-card,.admin-callout,.faq-editor{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.stat-grid article{padding:1.2rem;display:grid;gap:.35rem}
.stat-grid span,.stat-grid small{color:var(--muted);font-size:.78rem}
.stat-grid strong{font:800 2rem/1 var(--display);letter-spacing:-.04em}
.admin-callout{margin-top:.8rem;padding:clamp(1.2rem,4vw,2rem);background:linear-gradient(135deg,var(--deep),var(--night));color:#fff}
.admin-callout h3{margin:.2rem 0 .7rem;font:700 1.45rem/1.05 var(--display)}
.admin-callout p:last-child{max-width:60ch;margin:0;color:#C9CDB9;line-height:1.55}
.editor-card{padding:1.2rem;margin-bottom:.8rem}
.editor-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.editor-card-head h3{margin:0;font:700 1.2rem/1.1 var(--display)}
.editor-card-head p{margin:.35rem 0 0;color:var(--muted);font-size:.84rem}
.editor-card-head strong{font:800 1.3rem/1 var(--display);color:var(--olive)}
.field{display:grid;gap:.45rem}
.field input{max-width:300px;font-family:var(--body);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink)}
.admin-progress{height:9px;margin-top:1rem;border-radius:999px;background:#E8E2D5;overflow:hidden}
.admin-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--olive),var(--soft));transition:width .3s}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.price-grid .field input{max-width:none}
.faq-count{color:var(--muted);font-family:var(--mono);font-size:.75rem}
.faq-editors{display:grid;gap:.7rem;padding-bottom:3rem}
.faq-editor{display:grid;grid-template-columns:42px minmax(220px,.8fr) 1.2fr;gap:.8rem;align-items:start;padding:.8rem}
.faq-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EEF1DE;color:var(--deep);font:500 .7rem/1 var(--mono)}
.faq-editor label{display:grid;gap:.4rem;color:var(--muted);font:500 .62rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.faq-editor input,.faq-editor textarea{font-family:var(--body);font-size:.9rem;letter-spacing:0;text-transform:none;resize:vertical}
.faq-editor textarea{min-height:92px;line-height:1.45}

@media(max-width:900px){
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{position:static;height:auto;padding:1rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem}
  .sidebar-label,.local-note{display:none}
  .admin-sidebar nav{display:flex;justify-content:flex-end;overflow:auto}
  .admin-sidebar nav button{white-space:nowrap}
  .admin-topbar{display:grid}
  .topbar-actions{justify-content:flex-start}
  .price-grid{grid-template-columns:1fr 1fr}
  .faq-editor{grid-template-columns:36px 1fr}
  .faq-editor label:last-child{grid-column:2}
}
@media(max-width:620px){
  .admin-sidebar{grid-template-columns:1fr}
  .admin-sidebar nav{justify-content:flex-start}
  .stat-grid,.price-grid{grid-template-columns:1fr}
  .panel-head{align-items:flex-start;flex-direction:column}
  .topbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .topbar-actions button:last-child{grid-column:1/-1}
  .faq-editor{grid-template-columns:1fr}
  .faq-editor label:last-child{grid-column:auto}
  .faq-index{display:none}
}