:root{--bg: #0b0f0e;--surface: #121917;--line: #1f2c28;--ink: #e8efec;--ink-2: #9aaba5;--accent: #34d399;--accent-ink: #06231a;--danger: #f87171;--font: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.muted{color:var(--ink-2)}.mono{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.9em}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 26px}.card-head{margin-bottom:22px}.card-head h1{font-size:24px;margin:6px 0 8px;letter-spacing:-.01em}.card-head p{margin:0;font-size:14px}.eyebrow{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}.form{display:grid;gap:15px}.field{display:grid;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--ink-2)}.field-hint{font-size:12px;color:var(--ink-2)}.field input{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#0e1413;color:var(--ink);font:inherit;font-size:15px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.btn{margin-top:4px;padding:11px 16px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.link{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.error{margin:0;padding:9px 12px;border-radius:8px;background:#2a1615;color:var(--danger);font-size:14px}.card-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}.shell{min-height:100dvh}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:14px;font-size:14px}.page{max-width:860px;margin:0 auto;padding:32px 20px 64px}.page h1{font-size:26px;margin:0 0 24px;letter-spacing:-.01em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px}.panel h2{font-size:15px;margin:0 0 12px;color:var(--ink-2);font-weight:600}.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#16241f;color:var(--accent);font-weight:600}