:root{--bg:#f5f1ec;--surface:#fff;--ink:#2b1a12;--muted:#7a6a5f;--line:#e4dacd;--brand:#6f4e37;--brand-dark:#4a3526;--accent:#c98a3a;--danger:#b3402e;--ok:#2e7d4f;--radius:14px;--shadow:0 2px 10px #2b1a1214}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;max-width:720px;min-height:100%;margin:0 auto;display:flex}.topbar{z-index:10;background:var(--brand);color:#fff;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.2px;margin:0;font-size:1.05rem;font-weight:700}.topbar .who{opacity:.85;font-size:.8rem}.content{flex:1;padding:16px 16px 90px}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);max-width:720px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 12px;font-size:.72rem;text-decoration:none;display:flex}.tabbar a.active{color:var(--brand);font-weight:700}.tabbar .ico{font-size:1.3rem;line-height:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 4px 8px;font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.82rem}label{margin:12px 0 5px;font-size:.82rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:13px 12px;font-size:16px}textarea{resize:vertical;min-height:70px}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #6f4e3726}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:1rem;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55}.btn.secondary{color:var(--brand-dark);background:#efe7dc}.btn.danger{background:var(--danger)}.btn.ghost{color:var(--brand);border:1px solid var(--line);background:0 0}.btn.sm{width:auto;padding:9px 13px;font-size:.85rem}.row{gap:10px;display:flex}.row>*{flex:1}.error{color:var(--danger);background:#fbe9e7;border:1px solid #f1c4bc;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.9rem}.notice{color:var(--ok);background:#e7f3ec;border:1px solid #bfe0cd;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.9rem}.pill{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-dark);background:#efe7dc;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.pill.staff{color:#1f5b86;background:#e3eef7}.pill.senior{color:#8a5a14;background:#f3e8d0}.pill.admin{color:#8a2a2a;background:#ecdcdc}.count-item h3{margin:0 0 2px;font-size:1.02rem}.count-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.stepper{text-align:center}.stepper .cap{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:.68rem;font-weight:700}.stepper .controls{border:1px solid var(--line);border-radius:10px;align-items:center;display:flex;overflow:hidden}.stepper button{width:34px;height:42px;color:var(--brand-dark);cursor:pointer;background:#efe7dc;border:none;font-size:1.2rem;font-weight:700}.stepper input{text-align:center;border:none;border-radius:0;width:100%;padding:10px 0;font-weight:700}.stepper input:focus{box-shadow:none}.totals{color:var(--brand-dark);margin-top:10px;font-size:.85rem;font-weight:600}.pinpad{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.pinpad button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:18px 0;font-size:1.4rem;font-weight:700}.pinpad button:active{background:#efe7dc}.pin-dots{justify-content:center;gap:14px;margin:18px 0;display:flex}.pin-dots span{border:2px solid var(--brand);border-radius:50%;width:16px;height:16px}.pin-dots span.filled{background:var(--brand)}.center-screen{flex-direction:column;justify-content:center;max-width:420px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.brand-mark{text-align:center;margin-bottom:8px}.brand-mark .logo{background:var(--brand);color:#fff;width:64px;height:64px;box-shadow:var(--shadow);border-radius:18px;justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.brand-mark h1{margin:12px 0 2px;font-size:1.3rem}.brand-mark p{color:var(--muted);margin:0;font-size:.9rem}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.9rem;font-weight:600}.spinner{text-align:center;color:var(--muted);padding:40px}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row .meta{min-width:0}.list-row .meta h4{margin:0 0 2px;font-size:.98rem}.list-row .meta p{color:var(--muted);margin:0;font-size:.8rem}.chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:4px 9px;font-size:.72rem}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}@media (width>=640px){.content{padding:24px}}