:root{--bg: #f3f7f6;--card: #ffffff;--ink: #14302c;--muted: #5b6f6c;--line: #d7e3e0;--brand: #0d6e63;--brand-dark: #0a5850;--brand-soft: #e7f4f2;--danger: #b42318;--warn: #b54708;--ok: #067647;--shadow: 0 10px 30px rgba(13, 110, 99, .08);--radius: 16px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{width:min(720px,100%);margin:0 auto;padding:16px 16px 96px}.hero .muted,.hero h1{color:#fff}.empty{text-align:center;color:var(--muted);padding:24px 8px}.error{background:#fef3f2;color:var(--danger);padding:10px 12px;border-radius:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px}.logout{border:0;background:var(--brand-soft);color:var(--brand-dark);padding:8px 12px;border-radius:999px;cursor:pointer}.nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:6}.nav a{padding:10px 4px 12px;text-align:center;color:var(--muted);font-size:12px;font-weight:600}.nav a.active{color:var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stack{display:grid;gap:12px}.muted{color:var(--muted);font-size:14px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:0 0 10px}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.list-link{display:block}.list-link .card:hover{border-color:var(--brand)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;background:var(--brand-soft);color:var(--brand-dark)}.badge.scheduled,.badge.unpaid{background:#fff7ed;color:var(--warn)}.badge.completed,.badge.paid{background:#ecfdf3;color:var(--ok)}.badge.cancelled,.badge.no_show{background:#fef3f2;color:var(--danger)}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.btn{width:100%;border:0;background:var(--brand);color:#fff;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6}.btn.secondary{background:var(--brand-soft);color:var(--brand-dark)}.error{background:#fef3f2;color:var(--danger);padding:10px 12px;border-radius:12px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:28px 12px}.hero{background:linear-gradient(160deg,#0d6e63,#128f82);color:#fff;border-radius:20px;padding:20px}.hero .muted{color:#fffc}.kv{display:grid;gap:10px}.kv div{display:grid;gap:2px}.kv dt{font-size:12px;color:var(--muted)}.kv dd{margin:0;font-weight:600}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.login-card{width:min(420px,100%)}@media (min-width: 800px){.nav{position:sticky;top:62px;grid-template-columns:repeat(4,max-content);justify-content:start;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);border-top:0}.nav a{padding:8px 14px;border-radius:999px}.nav a.active{background:var(--brand-soft)}.page{padding-bottom:32px}}