:root{--o:#3d4423;--o2:#56603a;--c:#f7f1e3;--sa:#e6d6b3;--sa2:#cdb98d;--g:#b89b5e;--t:#2a2a1f;--mut:#7a7560;--red:#b0412e}
*{box-sizing:border-box}body{margin:0;background:var(--c);color:var(--t);font:14.5px/1.45 Inter,system-ui,sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;margin:0;color:var(--o)}
button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px;background:var(--o);color:#fff;font-weight:600}
button.sec{background:#fff;color:var(--o);border:1px solid var(--sa2)}button.dan{background:#fff;color:var(--red);border:1px solid #e3b5ab}button.dan.full{background:var(--red);color:#fff}
input,select{font:inherit;padding:8px 10px;border:1px solid var(--sa);border-radius:10px;background:#fff;color:var(--t);min-width:0}input:focus,select:focus{outline:2px solid var(--o2);border-color:transparent}
.top{position:sticky;top:0;z-index:20;background:var(--o);color:var(--c);display:flex;align-items:center;gap:14px;padding:12px 20px;flex-wrap:wrap}
.top .brand{font:700 22px "Cormorant Garamond",Georgia,serif;letter-spacing:.04em}.top .brand small{font:500 11px Inter,sans-serif;letter-spacing:.2em;opacity:.75;margin-left:8px;text-transform:uppercase}
.top nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.top nav a{color:var(--c);text-decoration:none;padding:7px 12px;border-radius:99px;font-weight:500;font-size:13.5px}.top nav a.on,.top nav a:hover{background:rgba(247,241,227,.16)}
.demo{background:var(--g);color:#fff;text-align:center;font-size:11.5px;padding:3px;letter-spacing:.06em}
.wrap{max-width:1280px;margin:auto;padding:18px 20px 70px}
.tabs{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto}.tabs button{background:#fff;color:var(--o);border:1px solid var(--sa);border-radius:99px;white-space:nowrap}.tabs button.on{background:var(--o);color:#fff;border-color:var(--o)}
.panel{background:#fff;border-radius:18px;padding:18px;box-shadow:0 6px 22px -16px rgba(61,68,35,.5);margin-bottom:16px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 6px 22px -16px rgba(61,68,35,.5)}.kpi small{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.kpi b{display:block;font:700 28px "Cormorant Garamond",Georgia,serif;color:var(--o)}.kpi.alert b{color:var(--red)}
.toast{position:fixed;z-index:90;left:50%;bottom:24px;transform:translate(-50%,160%);opacity:0;pointer-events:none;background:var(--o);color:#fff;padding:11px 20px;border-radius:99px;transition:.35s;box-shadow:0 10px 30px -10px #000}.toast.on{transform:translate(-50%,0);opacity:1}.toast.err{background:var(--red)}
.muted{color:var(--mut)}.hide{display:none!important}
.modal{position:fixed;inset:0;z-index:95;background:rgba(25,28,12,.55);display:grid;place-items:center;padding:20px}.modal>div{background:var(--c);border-radius:18px;padding:22px;max-width:440px;width:100%}.modal h3{font-size:26px;margin-bottom:6px}.modal .acts{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
@media(max-width:800px){.kpis{grid-template-columns:1fr 1fr}.wrap{padding:14px 12px 70px}.top{padding:10px 14px}.top nav{margin-left:0;width:100%}}
@media print{.top,.demo,.tabs,.np,#conn{display:none!important}body{background:#fff}.panel{box-shadow:none}}