.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-block-end:calc(var(--space-4) + var(--safe-bottom))}.login__form{width:100%;max-width:420px;display:grid;gap:var(--space-4);padding:var(--space-5) var(--space-4)}.login__title{text-align:center;color:var(--accent-ink)}.login__password{display:flex;gap:var(--space-2)}.login__eye{flex:0 0 var(--tap-min);padding:0}.login__forgot{font-size:var(--fs-sm);text-align:center}.wrongapp{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.wrongapp__box{width:100%;max-width:420px;display:grid;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center}.wrongapp__box a.btn{text-decoration:none}.pw{display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:420px}.pw h2{font-size:var(--fs-md);color:var(--text-muted)}.pw__ok{color:var(--ok)}:root{--font-heading: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Noto Sans Thai", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--fs-mult: 1;--fs-xs: calc(13px * var(--fs-mult));--fs-sm: calc(15px * var(--fs-mult));--fs-base: calc(17px * var(--fs-mult));--fs-md: calc(19px * var(--fs-mult));--fs-lg: calc(22px * var(--fs-mult));--fs-xl: calc(27px * var(--fs-mult));--fs-2xl: calc(34px * var(--fs-mult));--lh-tight: 1.25;--lh-body: 1.55;--fw-body: 400;--fw-med: 500;--fw-bold: 700;--space-1: 4px;--space-2: 9px;--space-3: 13px;--space-4: 18px;--space-5: 26px;--space-6: 35px;--space-7: 53px;--space-8: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--tap-min: 48px;--tap-primary: 56px;--thumb-zone: 240px;--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 2px rgba(32,30,29,.1), 0 1px 1px rgba(32,30,29,.06);--shadow-md: 0 4px 12px rgba(32,30,29,.12);--shadow-lg: 0 12px 32px rgba(32,30,29,.18);--z-base: 0;--z-sticky: 10;--z-sheet: 40;--z-dialog: 50;--z-toast: 60;--motion-fast: .12s;--motion-base: .18s;--motion-sheet: .22s;--ease: cubic-bezier(.2,.7,.3,1);--bg: #f5ead8;--surface: #fffaf0;--surface-2: #efe1c9;--text: #201e1d;--text-muted: #5f574d;--border: #d9c9ab;--border-strong: #9d8a68;--accent: #c67139;--accent-ink: #7a3f16;--accent-soft: #f3ded0;--accent-2: #7a8a5e;--accent-2-ink: #46512f;--accent-2-soft: #e4e8d8;--on-accent: #fffaf0;--st-pending: #b07d10;--st-pending-soft: #f7e6bd;--st-pending-ink: #6c4a00;--st-pass: #4f7a3a;--st-pass-soft: #dcebd2;--st-pass-ink: #2f4a22;--st-fail: #b23b2e;--st-fail-soft: #f8dcd7;--st-fail-ink: #7a2118;--own-free: #6b6257;--own-free-soft: #e8dec9;--own-mine: #2f6f86;--own-mine-soft: #d6e8ef;--own-mine-ink: #1b4655;--own-other:#6a5b86;--own-other-soft:#e3dcf0;--own-other-ink:#3f3358;--danger: #b23b2e;--danger-soft: #f8dcd7;--warn: #b07d10;--ok: #4f7a3a;--offline: #6b6257;--offline-soft: #e8dec9;--focus-ring: 0 0 0 3px rgba(198,113,57,.45);--map-ground: #cfd8c3;--map-sat: #6f7b5a;--map-offline: #ded2bb}[data-theme=dark]{--bg: #17150f;--surface: #221f18;--surface-2: #2e2a20;--text: #f6efe1;--text-muted: #b8ab96;--border: #443d2e;--border-strong: #6a5f49;--accent: #e79a5c;--accent-ink: #f6cfa8;--accent-soft: #3a2a1a;--accent-2: #a7b884;--accent-2-ink: #c8d6ad;--accent-2-soft: #2b3122;--on-accent: #17150f;--st-pending: #e8b93c;--st-pending-soft: #3b2f0d;--st-pending-ink: #f5d97c;--st-pass: #7cc157;--st-pass-soft: #1f3317;--st-pass-ink: #a9dd8c;--st-fail: #f0705d;--st-fail-soft: #3d1a15;--st-fail-ink: #ffa696;--own-free: #b8ab96;--own-free-soft: #2e2a20;--own-mine: #6fc3e0;--own-mine-soft: #14313b;--own-mine-ink: #a8e0f2;--own-other:#b4a2e0;--own-other-soft:#251f38;--own-other-ink:#d3c7f5;--danger: #f0705d;--danger-soft: #3d1a15;--warn: #e8b93c;--ok: #7cc157;--offline: #b8ab96;--offline-soft: #2e2a20;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--focus-ring: 0 0 0 3px rgba(231,154,92,.6);--map-ground: #2b3126;--map-sat: #333a2a;--map-offline: #24211a}[data-theme=outdoor]{--bg: #ffffff;--surface: #ffffff;--surface-2: #f0f0f0;--text: #000000;--text-muted: #2b2b2b;--border: #000000;--border-strong: #000000;--accent: #8a3200;--accent-ink: #8a3200;--accent-soft: #ffe8d8;--accent-2: #2f4a1c;--accent-2-ink: #2f4a1c;--accent-2-soft: #e2eed6;--on-accent: #ffffff;--st-pending: #6b4400;--st-pending-soft: #ffefc7;--st-pending-ink: #4a2f00;--st-pass: #1f5c14;--st-pass-soft: #d8f0d0;--st-pass-ink: #143d0d;--st-fail: #98130a;--st-fail-soft: #ffdcd8;--st-fail-ink: #700d06;--own-free: #333333;--own-free-soft: #ededed;--own-mine: #00456b;--own-mine-soft: #d6ecf7;--own-mine-ink: #00304d;--own-other:#3d2a6b;--own-other-soft:#e6e0f7;--own-other-ink:#2a1c4d;--danger: #98130a;--danger-soft: #ffdcd8;--warn: #6b4400;--ok: #1f5c14;--offline: #333333;--offline-soft: #ededed;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 0 0 2px #000000;--focus-ring: 0 0 0 4px #8a3200;--map-ground: #ffffff;--map-sat: #d9d9d9;--map-offline: #ffffff;--outdoor-border-w: 2px}[data-fontscale=m]{--fs-mult: 1}[data-fontscale=l]{--fs-mult: 1.12}[data-fontscale=xl]{--fs-mult: 1.26}:root{--rule-yield-tpr: 7;--rule-furrow-straight-m: 1.5;--rule-side-width-m: 5;--rule-head-width-m: 2;--rule-tail-width-m: 2;--rule-cover-base-cm: 10;--rule-powerline-min-m: 4.5;--rule-checkin-radius-m: 500;--rule-gps-accuracy-max-m: 100;--rule-hold-stale-days: 3;--rule-photo-max: 3;--rule-photo-min: 1;--rule-photo-max-mb: 1}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-heading);line-height:var(--lh-tight)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:var(--outdoor-border-w, 1px) solid transparent;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit;font-weight:var(--fw-med);cursor:pointer;transition:background var(--motion-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--border)}.btn--primary{min-height:var(--tap-primary);background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn--primary:hover:not(:disabled){filter:brightness(1.07);background:var(--accent)}.btn--danger{background:var(--danger-soft);color:var(--st-fail-ink);border-color:var(--danger)}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:var(--space-1)}.field>label{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--text-muted)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.input{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:var(--outdoor-border-w, 1px) solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}select.input{padding-inline-end:var(--space-2)}.card{background:var(--surface);border:var(--outdoor-border-w, 1px) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:var(--outdoor-border-w, 1px) solid transparent;font-size:var(--fs-xs);font-weight:var(--fw-med);white-space:nowrap}.chip--ok{background:var(--st-pass-soft);color:var(--st-pass-ink);border-color:var(--st-pass)}.chip--off{background:var(--offline-soft);color:var(--text-muted);border-color:var(--border-strong)}.alert{padding:var(--space-3);border-radius:var(--radius-md);border:var(--outdoor-border-w, 1px) solid var(--danger);background:var(--danger-soft);color:var(--st-fail-ink);font-size:var(--fs-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}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}