:root{--bg:#f6f7f9;--surface:#fff;--border:#d9dde3;--muted:#6b7280;--accent:#2563eb;color:#111827;background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#171a21;--border:#2a2f3a;--muted:#9ca3af;--accent:#3b82f6;color:#e5e7eb}}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0}.login-page.svelte-3z0wmw{place-items:center;min-height:100dvh;padding:1rem;display:grid}.login-card.svelte-3z0wmw{background:var(--surface);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1rem;width:100%;max-width:24rem;padding:2rem 1.5rem;display:flex}h1.svelte-3z0wmw{text-align:center;margin:0;font-size:1.75rem}h1.svelte-3z0wmw span:where(.svelte-3z0wmw){color:var(--accent)}.subtitle.svelte-3z0wmw{text-align:center;color:var(--muted);margin:-.5rem 0 .5rem}label.svelte-3z0wmw{flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}input.svelte-3z0wmw{border:1px solid var(--border);background:var(--bg);min-height:48px;color:inherit;border-radius:.6rem;padding:0 .9rem;font-size:1rem}input.svelte-3z0wmw:focus{outline:2px solid var(--accent);outline-offset:1px}button.svelte-3z0wmw{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.6rem;min-height:52px;font-size:1.05rem;font-weight:600}button.svelte-3z0wmw:disabled{opacity:.6;cursor:wait}.error.svelte-3z0wmw{color:#dc2626;text-align:center;background:#dc26261f;border-radius:.5rem;margin:0;padding:.6rem .9rem;font-size:.95rem}.hint.svelte-3z0wmw{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.shell.svelte-1n46o8q{flex-direction:column;min-height:100dvh;display:flex}header.svelte-1n46o8q{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.user.svelte-1n46o8q{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.user.svelte-1n46o8q button:where(.svelte-1n46o8q){border:1px solid var(--border);min-height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:0 1rem}main.svelte-1n46o8q{flex:1;place-items:center;padding:1rem;display:grid}.placeholder.svelte-1n46o8q{color:var(--muted)}