/* The admin page's sign in card (the real page only). The same card locks the page after 30 minutes without use. */
.si{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:#fff;overflow:auto;opacity:1;transition:opacity .24s ease;font-family:var(--font,Inter,system-ui,sans-serif);color:var(--ink,#1d1d1f)}
.si::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 10% 6%,rgba(0,113,227,.16),transparent 70%),radial-gradient(55% 45% at 94% 12%,rgba(249,115,22,.13),transparent 70%),radial-gradient(50% 40% at 50% 104%,rgba(0,113,227,.08),transparent 70%)}
.si.is-out{opacity:0;pointer-events:none}
.si-card{position:relative;width:min(380px,100%);display:grid;gap:10px;padding:30px 26px 26px;border-radius:26px;background:rgba(255,255,255,.9);border:1px solid var(--n200,#e5e7eb);box-shadow:0 30px 70px -34px rgba(15,23,42,.38),0 2px 6px rgba(15,23,42,.04);animation:si-in .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes si-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.si-logo{height:44px;width:auto;justify-self:start;margin-bottom:10px}
.si-t{margin:0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,var(--blue,#0071e3),var(--orange,#f97316));-webkit-background-clip:text;background-clip:text;color:transparent}
.si-sub{margin:0 0 8px;font-size:15px;line-height:1.45;color:var(--n600,#52525b)}
.si-user{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.si-l{font-size:13px;font-weight:600;color:var(--n700,#3f3f46)}
.si-in{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--n300,#d4d4d8);background:#fff;font:inherit;font-size:16px;color:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.si-in:focus-visible{border-color:var(--blue,#0071e3);box-shadow:0 0 0 4px rgba(0,113,227,.16)}
.si-msg{margin:0;min-height:0;font-size:14px;line-height:1.45;color:var(--amber-ink,#b45309);display:none}
.si-msg.on{display:block;padding:10px 12px;border-radius:12px;background:var(--amber-bg,#fff7ed);border:1px solid var(--amber-line,#fed7aa)}
.si-msg.on.note{color:var(--blue-ink,#0058b3);background:#eff6ff;border-color:#bfdbfe}
.si-go,.si-again{width:100%;justify-content:center;margin-top:6px}
.si-go:disabled{opacity:.55;cursor:default}
.si-busy{display:none;align-items:center;gap:12px;padding:8px 0 2px;font-size:15px;color:var(--n700,#3f3f46)}
.si-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(0,113,227,.22);border-top-color:var(--blue,#0071e3);animation:si-spin .8s linear infinite}
@keyframes si-spin{to{transform:rotate(360deg)}}
.si-again{display:none}
.si-cl,.si-code,.si-page,.si-alt{display:none}
.si-page{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--n700,#3f3f46)}
.si-code{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:24px;letter-spacing:.42em;text-align:center;height:56px;padding-left:.42em}
.si-alt{justify-self:center;margin-top:6px;font-size:13px;color:var(--n600,#52525b);text-decoration:underline;text-underline-offset:3px}
.si.is-code .si-pl,.si.is-code .si-pass{display:none}
.si.is-code .si-cl,.si.is-code .si-code,.si.is-code .si-page{display:block}
.si.is-code .si-alt,.si.is-start .si-alt{display:inline-block}
.si.is-start .si-l,.si.is-start .si-in,.si.is-start .si-go,.si.is-state .si-l,.si.is-state .si-in,.si.is-state .si-go,.si.is-state .si-msg{display:none}
.si.is-busy .si-l,.si.is-busy .si-in,.si.is-busy .si-go,.si.is-busy .si-msg,.si.is-busy .si-sub{display:none}
.si.is-busy .si-busy{display:flex}
.si.is-retry .si-l,.si.is-retry .si-in,.si.is-retry .si-go,.si.is-retry .si-sub{display:none}
.si.is-retry .si-again{display:inline-flex}
@media (max-width:480px){.si{padding:16px;place-items:start center;padding-top:14vh}.si-card{padding:26px 20px 22px;border-radius:22px}}