:root{--teal: #0d7a9e;--teal-dark: #085f7a;--ink: #1a2530;--muted: #607080;--bg: #f5f8fa;--card: #ffffff;--line: #d8e4ec}:root[data-theme=dark]{--teal: #0e7c86;--teal-dark: #0bbdd4;--ink: #e2eaf0;--muted: #8aa0b0;--bg: #0f1923;--card: #1a2533;--line: #2a3a4a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.app{max-width:860px;margin:0 auto;padding:16px}header.brand{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap;gap:8px}.brand h1{font-size:22px;margin:0;color:var(--teal);letter-spacing:-.5px}.brand h1 small{color:var(--muted);font-weight:600;font-size:13px}nav.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}nav.tabs button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-weight:600}nav.tabs button.active{background:var(--teal);color:#fff;border-color:var(--teal)}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:9px 14px;background:var(--teal);color:#fff;font-weight:600}button.ghost{background:transparent;color:var(--teal);border:1px solid var(--teal)}button.danger{background:#fff;color:var(--teal-dark);border:1px solid var(--teal-dark)}button.sm{padding:6px 10px;font-size:13px;border-radius:8px}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:10px;width:100%;margin:6px 0 12px;background:var(--card);color:var(--ink)}textarea{resize:vertical;min-height:80px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.card h3{margin:0 0 4px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:6px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:var(--muted);font-size:14px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#ddf0f8;color:var(--teal-dark);font-size:13px;font-weight:600}.status{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:3px 8px;border-radius:6px}.status.requested{color:#946100;background:#fff3d6}.status.confirmed{color:#0d7a45;background:#d8f5e6}.status.completed{color:#3b4ad6;background:#e1e5ff}.status.cancelled,.status.no_show{color:var(--teal-dark);background:#d8eef8}.err{color:#b91c1c;font-size:14px}.ok{color:#0d7a45;font-size:14px}.check{font-size:14px}.check.done{color:#0d7a45}.check.todo{color:var(--muted)}@media(max-width:560px){.grid2{grid-template-columns:1fr}}