:root{--ink:#222;--mute:#6b6b6b;--line:#b9b9b9;--soft:#ececec;--paper:#fff;--page:#e6e6e6;--dark:#333;--bad:#a31f1f}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.center-card{background:var(--paper);border:2px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;max-width:420px;margin:40px auto;padding:24px;display:flex}.center-card h1{margin:0;font-size:22px}.primary{background:var(--dark);color:#fff;border:0;border-radius:12px;padding:14px;font-size:18px;font-weight:700}.link{color:var(--mute);background:0 0;border:0;text-decoration:underline}.hint{background:var(--soft);border-radius:10px;margin:0;padding:10px}.small{color:var(--mute);margin:0;font-size:13px}.subtitle{margin:0;font-weight:600}.err{color:var(--bad);min-height:1.4em;margin:0;font-weight:700}.pinpad{flex-direction:column;align-items:center;gap:14px;display:flex}.pin-dots{letter-spacing:10px;font-size:30px}.pin-keys{grid-template-columns:repeat(3,84px);gap:12px;display:grid}.pin-keys button{border:2px solid var(--dark);background:var(--paper);border-radius:14px;height:72px;font-size:26px;font-weight:700}.emulator{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.emulator input{border:2px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:8px}.bar{background:var(--soft);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.bar .brand{font-weight:700}.bar .grow{flex:1}.pill{border:1.5px solid var(--dark);background:var(--paper);border-radius:999px;padding:3px 12px}.pill.off{border-style:dashed}.page{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:16px;display:flex}.card{background:var(--paper);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.card h2{margin:0;font-size:18px}label.field{text-align:left;flex-direction:column;gap:4px;font-weight:600;display:flex}label.field input,label.field select{border:2px solid var(--line);font:inherit;border-radius:10px;padding:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.slip{white-space:pre;border:1px dashed var(--dark);background:#fff;width:max-content;max-width:100%;padding:10px;font-family:ui-monospace,Consolas,monospace;overflow-x:auto}@media (width<=600px){.pin-keys{grid-template-columns:repeat(3,72px)}.pin-keys button{height:64px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--soft);border-right:2px solid var(--line);flex-direction:column;gap:4px;padding:12px;display:flex}.side .brand{margin-bottom:8px;font-weight:700}.side button{text-align:left;background:0 0;border:0;border-radius:8px;padding:10px}.side button[aria-current=page]{background:var(--dark);color:#fff}.side .who{flex-direction:column;gap:4px;margin-top:auto;font-size:14px;display:flex}.content{flex-direction:column;gap:16px;max-width:1100px;padding:16px;display:flex}@media (width<=760px){.admin{grid-template-columns:1fr}.side{flex-flow:wrap}.side .who{margin-top:0}}