@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5090b139-module__1h4HmG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5090b139-module__1h4HmG__variable{--font-latin:"Inter", "Inter Fallback"}
@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_177f787e-module__ft37EG__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_177f787e-module__ft37EG__variable{--font-thai:"Anuphan", "Anuphan Fallback"}
:root{--ink:#0f172a;--ink-2:#475569;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--surface:#fff;--accent:#0284c7;--accent-ink:#fff;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-1:0 1px 2px #0f172a0f;--shadow-2:0 6px 20px -6px #0f172a24;--shadow-3:0 18px 45px -12px #0f172a38;--font-sans:var(--font-latin), var(--font-thai), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--dur-instant:90ms;--dur-quick:.16s;--dur-normal:.24s;--dur-slow:.42s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.05, .7, .1, 1);--ease-in:cubic-bezier(.3, 0, .8, .15);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:.01ms;--dur-quick:.01ms;--dur-normal:.01ms;--dur-slow:.01ms}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.3}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.rise{animation:rise var(--dur-normal) var(--ease-out) both}.fade{animation:fade var(--dur-quick) var(--ease-out) both}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:16px;height:60px;padding:0 22px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:-.02em;font-weight:800}.topbar .brand span{color:var(--accent)}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);text-align:right;font-size:13px;line-height:1.35}.topbar .who strong{color:var(--ink);font-size:14px;display:block}.tabs{gap:4px;display:flex}.tabs button{cursor:pointer;color:var(--ink-2);transition:background-color var(--dur-quick) var(--ease-standard), color var(--dur-quick) var(--ease-standard), transform var(--dur-instant) var(--ease-standard);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:600}.tabs button:hover{color:var(--ink);background:#eef2f7}.tabs button:active{transform:scale(.97)}.tabs button[aria-current=true]{background:var(--accent);color:var(--accent-ink)}main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 22px 60px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.panel+.panel{margin-top:18px}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-head h2{font-size:17px}.panel-head .spacer{flex:1}.panel-body{padding:18px}.btn{cursor:pointer;min-height:40px;color:var(--ink);transition:transform var(--dur-instant) var(--ease-standard), box-shadow var(--dur-quick) var(--ease-standard), background-color var(--dur-quick) var(--ease-standard), opacity var(--dur-quick) var(--ease-standard);background:#eef2f7;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-1);transform:translateY(0)scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger);background:#fee2e2}.btn.small{min-height:32px;padding:0 12px;font-size:13px}.btn.block{width:100%}label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;transition:border-color var(--dur-quick) var(--ease-standard), box-shadow var(--dur-quick) var(--ease-standard);padding:0 12px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.field+.field{margin-top:14px}.pill{color:var(--ink-2);background:#eef2f7;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.free{color:var(--muted);background:#f1f5f9}.pill.standard{color:#0369a1;background:#e0f2fe}.pill.pro{color:#6d28d9;background:#ede9fe}.pill.ok{color:#15803d;background:#dcfce7}.pill.off{color:var(--danger);background:#fee2e2}.pill.warn{color:#b45309;background:#fef3c7}.muted{color:var(--muted)}.error{color:#b91c1c;border-radius:var(--radius-sm);animation:rise var(--dur-quick) var(--ease-out) both;background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:14px}.notice{color:#047857;border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;padding:10px 14px;font-size:14px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;padding:0 14px 10px;font-size:12px;font-weight:700}td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 14px}tbody tr{transition:background-color var(--dur-quick) var(--ease-standard);cursor:pointer}tbody tr:hover{background:#f8fafc}td .name{font-weight:700}td .sub{color:var(--muted);font-size:12.5px}.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr.rise{animation:rise var(--dur-normal) var(--ease-out) both}.meter{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.meter i{background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:999px;display:block}.meter i.over{background:var(--danger)}.signin{place-items:center;min-height:100vh;padding:24px;display:grid}.signin .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-3);animation:rise var(--dur-slow) var(--ease-out) both;padding:28px}.signin h1{margin-bottom:4px;font-size:22px}.signin .lead{color:var(--muted);margin:0 0 20px;font-size:14px}.signin .qr{place-items:center;gap:12px;margin:18px 0;display:grid}.signin .qr img{border-radius:var(--radius);border:1px solid var(--line);width:190px;height:190px;animation:rise var(--dur-normal) var(--ease-spring) both;background:#fff}.signin .code input{text-align:center;letter-spacing:.5em;min-height:56px;padding-left:.5em;font-size:22px;font-weight:700}.signin .secret{word-break:break-all;border-radius:var(--radius-sm);color:var(--ink-2);background:#f1f5f9;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);padding:14px 16px}.stat:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.stat .k{color:var(--muted);font-size:12px;font-weight:600}.stat .v{letter-spacing:-.02em;font-size:24px;font-weight:800}.stat .v small{color:var(--muted);font-size:13px;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar input,.toolbar select{width:auto;min-width:180px}.backdrop{z-index:50;animation:fade var(--dur-quick) var(--ease-out) both;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-3);animation:rise var(--dur-normal) var(--ease-out) both;padding:22px}.modal h3{margin-bottom:4px}.modal .lead{color:var(--muted);margin:0 0 16px;font-size:13.5px}.modal .actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%) 0 0/200% 100%;height:14px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal.wide{max-width:900px;max-height:86vh;overflow-y:auto}.modal-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-head h3{margin:0}.modal-head .spacer{flex:1}.facts{background:var(--surface-2,#f8fafc);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px;padding:14px;display:grid}.facts>div{gap:2px;display:grid}.facts span.muted{font-size:12px}.facts strong{font-size:14.5px}.facts strong.bad{color:var(--danger)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.modal code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}tbody tr.bad-row td{background:#fef2f2}tbody tr.bad-row code{color:var(--danger);font-weight:600}