:root{--bg:#f4f1ea;--card:#fff;--ink:#1f2a24;--muted:#6b746e;--brand:#1f5c45;--gold:#e0a526;--wa:#25d366;--line:#e4dfd4;--err:#b3261e}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--brand)}h1{margin:.2em 0 .6em}.muted{color:var(--muted)}.gold{color:var(--gold)}.big{font-size:1.8rem;margin:.2em 0}
.nav{display:flex;gap:1.2rem;align-items:center;padding:1rem 1.5rem;background:var(--brand);flex-wrap:wrap}.nav,.nav a{color:#fff;text-decoration:none}
.nav a{opacity:.8}.nav a.on,.nav a:hover{opacity:1;text-decoration:underline}.nav .right{margin-left:auto}
.wrap{max-width:1100px;margin:auto;padding:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3rem;margin-bottom:1.2rem}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.stat span{color:var(--muted);font-size:.9rem}.stat b{display:block;font-size:1.9rem;margin-top:.3rem}
.bar{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}.bar div{flex:1;background:#eee;border-radius:9px;height:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}
input,select,textarea{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:9px;font:inherit;margin-top:.3rem;background:#fff}
label{display:block;margin-bottom:.8rem;font-weight:500}.row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}.row>*{flex:1;min-width:160px}.row .btn{flex:0}
.chk{display:flex;align-items:center;gap:.4rem}.chk input{width:auto}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:9px;padding:.65rem 1.1rem;font:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.btn.wa{background:var(--wa);color:#073b1d}.btn.full{width:100%;padding:.9rem;font-size:1.05rem}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.85rem;color:var(--muted)}
.actions{display:flex;gap:.4rem;flex-wrap:wrap}.actions form{margin:0}
.tag{padding:.2rem .6rem;border-radius:20px;font-size:.8rem;background:#eee}.tag.sent{background:#fff3d6}.tag.completed{background:#d8f3e3}
.err{color:var(--err);background:#fde8e7;padding:.6rem .8rem;border-radius:8px}.note{background:#d8f3e3;padding:.6rem .8rem;border-radius:8px}
.review{border-bottom:1px solid var(--line);padding:.6rem 0}.center{display:grid;place-items:center;min-height:100vh}.narrow{width:min(380px,92vw)}
.survey{padding:1.5rem 1rem}.survey-card{max-width:600px;margin:auto}.survey h1{color:var(--brand)}
.q{margin:1.4rem 0}.opt{font-weight:400;display:flex;gap:.5rem;align-items:center;margin:.4rem 0}.opt input{width:auto;margin:0}
.stars{display:inline-flex;flex-direction:row-reverse;gap:.2rem;margin-top:.4rem}.stars input{display:none}
.stars label{font-size:2.3rem;color:#d6d0c4;cursor:pointer;margin:0;line-height:1}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:var(--gold)}
.thanks{font-size:3rem;width:80px;height:80px;border-radius:50%;background:#d8f3e3;color:var(--brand);display:grid;place-items:center;margin:1rem auto}
.survey-card:has(.thanks){text-align:center}