:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--field:#1e1e1f;--text:#f2f2f2;--muted:#9a9a9f;--primary:#0072bc;--primary-hover:#0a84d6;--error:#ff6b6b;--success:#5fd38d;--font-serif:"Rye", Georgia, serif;--font-sans:"Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);justify-content:center;align-items:flex-start;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;min-height:100%;display:flex}.screen{flex-direction:column;align-items:center;width:100%;max-width:420px;padding:44px 20px 32px;display:flex;position:relative}.status-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.status-badge.online .status-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.status-badge.offline{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b66}.status-badge.offline .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.status-dot{border-radius:50%;width:7px;height:7px}.logo{cursor:pointer;width:150px;margin-bottom:8px;transition:transform .2s}.logo:hover{transform:scale(1.02)}h1{text-align:center;margin:50px 0 28px;font-size:24px;font-weight:500}form{width:100%}.field{background:var(--field);border:1.5px solid #0000;border-radius:14px;align-items:center;gap:12px;height:60px;margin-bottom:16px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.field.invalid{border-color:var(--error)}.field svg{fill:var(--muted);flex:none}.field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:18px}.field input::placeholder{color:var(--muted)}.toggle{cursor:pointer;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex}.toggle:hover svg{fill:var(--text)}.toggle svg{fill:var(--muted);transition:fill .2s}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-family:inherit;font-size:19px;font-weight:500;transition:background .2s,border-color .2s,transform .1s,opacity .2s;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border:0;margin-top:14px}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-biometrics{color:var(--text);background:0 0;border:1.5px solid #38383a;gap:10px;margin-top:14px;font-size:17px}.btn-biometrics:hover:not(:disabled){border-color:var(--primary);background:#1c1c1e}.btn-google{background:var(--field);color:var(--text);border:1.5px solid #333;gap:12px;margin-top:14px;font-size:17px}.btn-google:hover:not(:disabled){background:#2a2a2b}.btn-secondary{color:var(--text);border:1.5px solid var(--primary);background:0 0;margin-top:14px}.btn-secondary:hover:not(:disabled){background:#0072bc26}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:36px;font-family:inherit;font-size:20px;transition:color .2s}.link:hover{color:var(--text)}.msg{text-align:center;min-height:22px;color:var(--error);margin-top:14px;font-size:14px;line-height:1.4;transition:all .2s}.msg.ok{color:#5fd38d}.install-banner{background:#1a1a1c;border:1px solid #2e2e32;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0 4px;padding:12px 16px;display:flex}.install-text{color:var(--muted);font-size:13px}.install-text strong{color:var(--text);display:block}.install-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.dashboard-card{background:var(--field);text-align:center;border:1px solid #2e2e32;border-radius:16px;width:100%;margin-top:20px;padding:24px}