:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size: 14px;--fg: #000;--fg-muted: #666;--bg: #fff;--bg-muted: #f2f2f2;--border-colour: #999;--border: 1px solid var(--border-colour);--active-bg: #000;--active-fg: #fff;--error: #000;--gap: 8px;--pad: 8px;--topbar-height: 40px;--footer-logo-height: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--font-size);color:var(--fg);background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:var(--border);border-radius:0;padding:4px 8px}button{cursor:pointer}button:disabled{color:var(--fg-muted);cursor:default}.app{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;gap:var(--gap);min-height:var(--topbar-height);padding:0 var(--pad);border-bottom:var(--border)}.topbar a{color:var(--fg);text-decoration:none;padding:4px 8px;border:1px solid transparent}.topbar a.active{background:var(--active-bg);color:var(--active-fg)}.topbar button:last-child{margin-left:auto}.main{flex:1;min-height:0;overflow:auto}.footer{display:flex;justify-content:center;padding:var(--pad)}.footer img{height:var(--footer-logo-height)}.page,.status{padding:var(--pad)}.form{display:flex;flex-direction:column;gap:var(--gap);max-width:320px;margin:0 auto;padding:var(--pad)}.form label{display:flex;flex-direction:column;gap:2px}.error{color:var(--error);font-weight:700}.auth{padding-top:40px}.qr{width:200px;height:200px;border:var(--border)}