:root{--bg:#f9f7f3;--ink:#2b2118;--wood:#8b3a2b;--wood-d:#6b2a1e;--card:#fff;--line:#e5dccd}
@media(prefers-color-scheme:dark){:root{--bg:#1c1610;--ink:#f1e8da;--wood:#d98a6f;--wood-d:#eba78d;--card:#27200f;--line:#3a3021}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Times New Roman",serif}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:bold;font-size:1.2rem}
.logo-img{height:52px;width:auto;border-radius:6px}
nav a{margin-left:18px;color:var(--ink);text-decoration:none}
nav a.on,nav a:hover{color:var(--wood);border-bottom:2px solid var(--wood)}
.menu{display:none;background:none;border:0;font-size:1.6rem;color:var(--ink)}
.hero{padding:72px 0 56px;text-align:center}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 12px}
.hero p{max-width:560px;margin:0 auto 24px}
.btn{display:inline-block;background:var(--wood);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;border:2px solid var(--wood);font:inherit;cursor:pointer}
.btn:hover{background:var(--wood-d);border-color:var(--wood-d)}
.btn.ghost{background:none;color:var(--wood)}
.btn.ghost:hover{background:var(--wood);color:#fff}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
section{padding:32px 0}
h2{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}
.card h3{margin:0}.card p{margin:0;flex:1}
.card img,.ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:var(--line);display:grid;place-items:center}
form{display:grid;gap:14px;max-width:560px}
label{display:grid;gap:4px;font-weight:bold}
input,select,textarea{font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.ok{font-weight:bold;color:var(--wood)}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;text-align:center;font-size:.9rem}
footer a{color:var(--wood)}
@media(max-width:640px){
  .menu{display:block}
  nav{display:none;width:100%}
  .bar{flex-wrap:wrap}
  body.open nav{display:flex;flex-direction:column;gap:8px}
  nav a{margin:0}
}
.row{display:grid;grid-template-columns:1fr 70px 90px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
@media(max-width:640px){.row{grid-template-columns:1fr 60px}}

.stats{font-size:.95rem;margin-top:24px}blockquote.card{margin:0}cite{font-size:.9rem;opacity:.8}
@media(prefers-color-scheme:dark){.btn,.btn.ghost:hover{color:#1c1610}.btn.ghost{color:var(--wood)}}
.legal h3{margin:24px 0 4px}.legal{max-width:720px}.todo{background:#ffe38a;color:#000;padding:0 4px;border-radius:3px}
@media print{.no-print{display:none!important}}
#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,150%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:8px;transition:transform .25s;z-index:20;max-width:calc(100% - 32px);text-align:center}#toast.show{transform:translate(-50%,0)}#toast a{color:var(--bg);font-weight:bold}
a{color:var(--wood)}
input,select,textarea{min-width:0;width:100%;box-sizing:border-box}
input[type=checkbox]{width:auto}
label{min-width:0}
.row a{word-break:break-all}
#admin-nav .btn{padding:6px 12px;font-size:.95rem}
#kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
#kpis .card{padding:12px}
.inline-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inline-controls label{display:flex;align-items:center;gap:8px}
.inline-controls input{width:110px}
@media(max-width:640px){
  .row{grid-template-columns:1fr 64px}
  .row .rm{padding:6px 10px;font-size:.9rem;justify-self:end}
  #range{grid-template-columns:1fr 1fr!important}
  #range button{grid-column:1/-1}
}
input[type=checkbox]{width:18px;height:18px;padding:0;flex:none;accent-color:var(--wood)}
.tbl{width:100%;border-collapse:collapse}.tbl td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line)}.tbl .num,.num{text-align:right}
@media(max-width:640px){.pl.wide{font-size:.85rem}.pl.wide td{padding:4px}}
.confirm{max-width:560px;margin:32px auto;text-align:center}.confirm .check{width:64px;height:64px;border-radius:50%;background:var(--wood);color:#fff;font-size:36px;line-height:64px;margin:0 auto 12px}.confirm .ordnum{font-size:1.1rem}.confirm .ordnum strong{font-size:1.6rem;letter-spacing:.04em}.confirm .summary{text-align:left;margin:16px 0}.confirm .btns{justify-content:center!important}