:root{--bg: #f6f5f1;--card: #ffffff;--ink: #1d1d1b;--muted: #6b6a64;--line: #d9d6cc;--accent: #1f5f4a;--accent-ink: #ffffff;--danger: #b3261e;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161715;--card: #20221f;--ink: #f1f0ea;--muted: #a3a29a;--line: #3a3d38;--accent: #5bbf9a;--accent-ink: #0d1f18;--danger: #ff8a80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}h1{font-size:1.7rem;margin:0 0 1rem}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.center{min-height:100dvh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(420px,100%);display:grid;gap:14px}.login h1{margin:0}label{display:grid;gap:6px;font-weight:600}input{font:inherit;padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;padding:14px 18px;font-weight:700}button:disabled{opacity:.5;cursor:default}.link{background:none;border:0;color:var(--muted);text-decoration:underline;padding:8px}.back{margin-top:18px}.kiosk{min-height:100dvh;padding:16px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));max-width:960px;margin:0 auto}.kiosk header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.clock{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.person,.action{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:22px 16px;min-height:84px;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:12px;justify-content:center}.person:active,.action:active{transform:scale(.98)}.dot{width:14px;height:14px;border-radius:50%;flex:none}.actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action{min-height:110px}.pin{display:flex;gap:14px;justify-content:center;margin:12px 0 8px;min-height:28px}.pin span{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted)}.pin .filled{background:var(--ink);border-color:var(--ink)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:360px;margin:16px auto 0}.keypad button{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:18px 0;font-size:1.6rem;font-weight:600}.keypad .primary{border:0}.kiosk section>h1,.kiosk section>p{text-align:center}.done{padding:60px 0;color:var(--accent)}@media(max-width:480px){.clock{font-size:1.8rem}}