.sign-in-page{min-height:100vh;display:grid;place-items:center;padding:72px 24px 24px;background:var(--bg);color:var(--text);position:relative}.sign-in-language{position:absolute;top:16px;right:20px}.sign-in-site-link{position:absolute;top:22px;left:20px;display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--text-sm);font-weight:500;text-decoration:none}.sign-in-site-link:hover{color:var(--text)}.sign-in-site-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.sign-in-card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.sign-in-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text)}.sign-in-card h1{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:4px 0 0;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text)}.sign-in-byline{margin-left:4px;color:var(--text-3);font-size:var(--text-sm);font-weight:500;letter-spacing:0}.sign-in-subtitle{margin:-8px 0 4px;color:var(--text-3);font-size:var(--text-md);line-height:1.5}.sign-in-field{display:flex;flex-direction:column;gap:6px}.sign-in-field span{font-size:var(--text-sm);font-weight:500;color:var(--text-2)}.sign-in-field input{min-height:40px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-md);outline:none;transition:border-color .12s,box-shadow .12s}.sign-in-field input:hover{border-color:var(--text-4)}.sign-in-field input:focus,.sign-in-field input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.sign-in-field input[readonly]{background:var(--surface-2);color:var(--text-2)}.sign-in-field input[aria-invalid=true]{border-color:var(--danger)}.sign-in-error{margin:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-text);font-size:var(--text-sm);line-height:1.5}.sign-in-submit{min-height:40px;margin-top:4px;padding:0 16px;border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-size:var(--text-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,border-color .12s}.sign-in-submit:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.sign-in-submit:disabled{opacity:.5;cursor:not-allowed}.sign-in-link{align-self:flex-start;margin:0;padding:2px 0;border:0;background:transparent;display:flex;align-items:center;gap:6px;color:var(--accent-text);font-size:var(--text-sm);font-weight:600;cursor:pointer}.sign-in-link:hover{text-decoration:underline}.sign-in-development{color:var(--text-3);font-weight:500}.sign-in-hint{margin:-8px 0 0;color:var(--text-3);font-size:var(--text-xs)}.sign-in-hint.is-error{color:var(--danger-text)}.sign-in-notice{margin:0;padding:12px;border-radius:var(--radius-md);background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-text);font-size:var(--text-sm);line-height:1.55}@media(max-width:480px){.sign-in-page{padding:64px 16px 16px}.sign-in-card{padding:24px 20px}.sign-in-language{top:12px;right:16px}}.sign-in-guest{display:grid;gap:10px;margin-top:4px}.sign-in-divider{display:flex;align-items:center;gap:12px;color:var(--text-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.sign-in-divider:before,.sign-in-divider:after{content:"";flex:1;height:1px;background:var(--border)}.sign-in-guest-button{min-height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,border-color .15s ease}.sign-in-guest-button:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-4)}.sign-in-guest-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sign-in-guest-button:disabled{opacity:.6;cursor:progress}.sign-in-guest small{color:var(--text-3);font-size:var(--text-xs);text-align:center}.second-step-help{margin:0;color:var(--text-3);font-size:var(--text-sm);line-height:1.5}.second-step-setup{display:grid;justify-items:center;gap:10px}.second-step-qr{width:196px;height:196px;padding:8px;border-radius:var(--radius-md);background:var(--qr-bg)}.second-step-qr svg{display:block;width:100%;height:100%}.second-step-secret{padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-align:center;word-break:break-all}.second-step-input{font-family:var(--font-mono);font-size:20px!important;letter-spacing:.25em;text-align:center}.second-step-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:0;padding:12px 16px 12px 36px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-md)}.second-step-actions{display:flex;justify-content:center;gap:16px}.password-input{position:relative;display:block;width:100%}.password-input .password-input-field{width:100%;padding-right:42px}.password-input-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-3);cursor:pointer}.password-input-toggle:hover{color:var(--text);background:var(--surface-2)}.password-input-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);color:var(--text)}.password-input-field::-ms-reveal,.password-input-field::-ms-clear{display:none}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text)}.loading-screen-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:loading-screen-in .35s ease-out .2s both}.loading-screen-wordmark{color:var(--text);opacity:.9}.loading-screen .scout-mark-stroke,.loading-screen .scout-mark-cross{stroke-dasharray:1 2;animation:scout-mark-stroke 3s cubic-bezier(.65,0,.35,1) infinite both}.loading-screen .scout-mark-stroke-1{animation-delay:.25s}.loading-screen .scout-mark-stroke-2{animation-delay:.37s}.loading-screen .scout-mark-stroke-3{animation-delay:.49s}.loading-screen .scout-mark-stroke-4{animation-delay:.61s}.loading-screen .scout-mark-cross{animation-name:scout-mark-cross;animation-delay:.85s}@keyframes loading-screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes scout-mark-stroke{0%{stroke-dashoffset:1;opacity:0}1%{stroke-dashoffset:1;opacity:1}12%{stroke-dashoffset:0}70%{stroke-dashoffset:0;opacity:1}80%,to{stroke-dashoffset:0;opacity:0}}@keyframes scout-mark-cross{0%{stroke-dashoffset:1;opacity:0}1%{stroke-dashoffset:1;opacity:1}20%{stroke-dashoffset:0}62%{stroke-dashoffset:0;opacity:1}72%,to{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.loading-screen .scout-mark-stroke,.loading-screen .scout-mark-cross{animation:none;stroke-dasharray:none}.loading-screen-mark{animation:loading-screen-breathe 1.6s ease-in-out infinite alternate}}@keyframes loading-screen-breathe{0%{opacity:.45}to{opacity:1}}:root{--font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--control-height: 36px;--page-gutter: clamp(16px, 2.4vw, 32px);color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--qr-bg: #ffffff;--surface-2: #f4f5f7;--surface-3: #e9ebef;--surface-raised: #ffffff;--border: #e3e6ea;--border-subtle: #eef0f3;--border-strong: #cfd4db;--text: #111827;--text-2: #4b5563;--text-3: #6b7280;--text-4: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eef3ff;--accent-border: #c7d6fe;--accent-text: #1d4ed8;--on-accent: #ffffff;--primary: #111827;--primary-hover: #2b3445;--on-primary: #ffffff;--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--success: #16a34a;--success-soft: #f0fdf4;--success-border: #bbf7d0;--success-text: #15803d;--warning: #d97706;--warning-soft: #fffbeb;--warning-border: #fde68a;--warning-text: #b45309;--info-soft: #f0f9ff;--info-text: #0369a1;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .28);--shadow-sm: 0 1px 2px rgba(17, 24, 39, .05);--shadow-md: 0 4px 12px rgba(17, 24, 39, .08);--shadow-lg: 0 16px 40px rgba(17, 24, 39, .16);--overlay: rgba(17, 24, 39, .45);--skeleton: #eceef1;--sidebar-bg: #fbfbfc;--sidebar-text: #374151;--sidebar-muted: #6b7280;--sidebar-hover: #f0f1f4;--sidebar-active-bg: #eef3ff;--sidebar-active-text: #1d4ed8;--bg-primary: var(--bg);--bg-card: var(--surface);--bg-card-hover: var(--surface-2);--text-primary: var(--text);--text-secondary: var(--text-2);--text-muted: var(--text-3);--accent-primary: var(--accent);--accent-glow: rgba(37, 99, 235, .18);--brand-accent: #06b6d4;--chart-1: #2a78d6;--chart-ord-1: #86b6ef;--chart-ord-2: #3987e5;--chart-ord-3: #1c5cab;--chart-ord-4: #0d366b;--chart-good: #0ca30c;--chart-warning: #fab219;--chart-critical: #d03b3b;--chart-neutral: #9ca3af;--chart-unset: #dde1e6;--chart-grid: #eef0f3;--chart-axis: #cfd4db;--border-color: var(--border);--radius-lg-legacy: 16px}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0f13;--surface: #16191f;--qr-bg: #ffffff;--surface-2: #1d2128;--surface-3: #272c34;--surface-raised: #1d2128;--border: #343a44;--border-subtle: #252a31;--border-strong: #47505c;--text: #f4f5f7;--text-2: #d2d6dc;--text-3: #aeb4bd;--text-4: #8a919b;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-soft: rgba(59, 130, 246, .2);--accent-border: rgba(96, 165, 250, .5);--accent-text: #a5c8ff;--on-accent: #ffffff;--primary: #f4f5f7;--primary-hover: #ffffff;--on-primary: #0d0f13;--danger: #ef4444;--danger-hover: #f87171;--danger-soft: rgba(239, 68, 68, .16);--danger-border: rgba(248, 113, 113, .35);--danger-text: #fca5a5;--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--success-border: rgba(74, 222, 128, .32);--success-text: #86efac;--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .16);--warning-border: rgba(251, 191, 36, .32);--warning-text: #fcd34d;--info-soft: rgba(14, 165, 233, .12);--info-text: #7dd3fc;--focus-ring: 0 0 0 3px rgba(96, 165, 250, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .6);--skeleton: #252a31;--sidebar-bg: #101317;--sidebar-text: #c9ced6;--sidebar-muted: #8b929c;--sidebar-hover: #1a1e24;--sidebar-active-bg: rgba(59, 130, 246, .16);--sidebar-active-text: #bfdbfe;--accent-glow: rgba(59, 130, 246, .3);--brand-accent: #67e8f9;--chart-1: #3987e5;--chart-ord-1: #184f95;--chart-ord-2: #2a78d6;--chart-ord-3: #6da7ec;--chart-ord-4: #b7d3f6;--chart-good: #0ca30c;--chart-warning: #fab219;--chart-critical: #d03b3b;--chart-neutral: #7b828c;--chart-unset: #3a414b;--chart-grid: #252a31;--chart-axis: #47505c}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--text-md);line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;background-color:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:var(--text-md)}::placeholder{color:var(--text-4);opacity:1}:focus-visible{outline:none;box-shadow:var(--focus-ring)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto;cursor:pointer}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}::selection{background:var(--accent-soft)}*{scrollbar-color:var(--border-strong) transparent}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-section-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--text)}.ui-muted{color:var(--text-3)}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:var(--control-height);padding:7px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-md);transition:border-color .12s,box-shadow .12s}.ui-input,.ui-select{height:var(--control-height);padding-block:0}.ui-textarea{min-height:84px;resize:vertical}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--text-4)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.ui-field{display:grid;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--text-2)}.ui-field small{font-weight:400;color:var(--text-3);font-size:var(--text-xs)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-height);padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.ui-button:hover:not(:disabled){background:var(--surface-2)}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.ui-button--primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.ui-button--danger{border-color:var(--danger-border);background:var(--surface);color:var(--danger-text)}.ui-button--danger:hover:not(:disabled){background:var(--danger-soft)}.ui-button--danger-solid{border-color:var(--danger);background:var(--danger);color:var(--on-accent)}.ui-button--danger-solid:hover:not(:disabled){border-color:var(--danger-hover);background:var(--danger-hover)}.ui-button--ghost{border-color:transparent;background:transparent;color:var(--text-2)}.ui-button--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-button--sm{min-height:30px;padding:0 10px;font-size:var(--text-xs)}.ui-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:18px;background:var(--surface-3);color:var(--text-2)}.ui-badge--accent{background:var(--accent-soft);color:var(--accent-text)}.ui-badge--success{background:var(--success-soft);color:var(--success-text)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning-text)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger-text)}.ui-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-md);color:var(--text)}.ui-check input{margin-top:2px}.ui-check small{display:block;margin-top:2px;color:var(--text-3);font-size:var(--text-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}