:root{--bg:#fbf6fc;--panel:#fff;--sunk:#f6eff9;--ink:#24123a;--muted:#6b5c7d;--line:#ebddf0;--accent:#561287;--accent-ink:#fff;--accent-soft:#f1e7fa;--accent-text:#4a0e70;--like:#0b7556;--like-soft:#dcf2ea;--nope:#b42f39;--nope-soft:#fbe2e3;--warn:#8a5000;--warn-soft:#fff0d4;--shadow-sm:0 4px 14px -8px #3c0e5a59;--f-body:"IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--f-disp:"Mitr", "IBM Plex Sans Thai", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#130b1d;--panel:#1d1429;--sunk:#271c36;--ink:#f3eafb;--muted:#a897bc;--line:#3a2b4d;--accent:#7b2cbf;--accent-soft:#2e1846;--accent-text:#cda8ff;--like:#4fd9a8;--like-soft:#133427;--nope:#ff8a90;--nope-soft:#3e1b1f;--warn:#f6b860;--warn-soft:#3a2911;--shadow-sm:0 4px 14px -8px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}button,input{font:inherit;color:inherit}button{cursor:pointer}h1{font-family:var(--f-disp);margin:0;font-size:24px;font-weight:500;line-height:1.3}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.center-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:14px;padding:28px 24px;display:flex}.brand{font-family:var(--f-disp);color:var(--accent-text);font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.input{border:1.5px solid var(--line);background:var(--panel);width:100%;min-height:46px;color:var(--ink);border-radius:12px;padding:10px 14px;font-size:16px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.bad{border-color:var(--nope);background:var(--nope-soft)}.input.code{letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:20px}.pw-wrap{display:block;position:relative}.pw-wrap .input{padding-right:76px}.pw-eye{background:var(--sunk);min-width:64px;min-height:40px;color:var(--accent-text);border:0;border-radius:999px;font-size:13px;font-weight:600;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.err-text{color:var(--nope);font-size:13px}details{font-size:14px}details summary{cursor:pointer;color:var(--accent-text);align-items:center;min-height:44px;font-weight:600;display:flex}details .field{margin-top:4px}.btn{background:var(--sunk);min-height:46px;color:var(--ink);border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn.pri{background:var(--accent);color:var(--accent-ink)}.btn.sec{background:var(--panel);border-color:var(--line)}.btn.ghost{color:var(--muted);background:0 0}.btn.sm{min-height:44px;padding:6px 14px;font-size:13.5px}.btn.block{width:100%;display:flex}.btn[disabled]{opacity:.45;cursor:default}.link{color:var(--accent-text);font-weight:600}.banner{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.banner-mark{border:1.8px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:700;display:inline-flex}.banner.ok{background:var(--like-soft);color:var(--like)}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.err{background:var(--nope-soft);color:var(--nope)}.enroll-qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:200px;height:200px;margin:4px auto 8px;padding:8px;display:block}.secret-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.secret{background:var(--sunk);letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-size:15px}.copy{flex-direction:column;gap:4px;display:inline-flex}.codes{background:var(--sunk);font-variant-numeric:tabular-nums;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0;padding:12px 12px 12px 36px;display:grid}.codes code{-webkit-user-select:all;user-select:all;font-size:15px}.check{align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px}.me{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.me dd{margin:0}.me dd:first-of-type{font-family:var(--f-disp);grid-column:1/-1;font-size:19px}.me dt{color:var(--muted)}.skeleton{background:linear-gradient(90deg, var(--sunk), var(--line), var(--sunk));background-size:200% 100%;border-radius:16px;width:320px;height:220px;animation:1.2s linear infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.ar-page{min-height:100vh;font-size:16px}.ar-top{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 28px;display:flex}.ar-top h1{font-size:20px}.ar-home{color:var(--accent-text);font-family:var(--f-disp);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.ar-sep{color:var(--muted)}.ar-main{max-width:1200px;margin:0 auto;padding:24px 28px 96px}.ar-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.ar-scroll{padding:0;position:relative;overflow-x:auto}.ar-tools{align-items:center;gap:12px;display:flex}.ar-search{flex:1;max-width:420px}.ar-page .btn{white-space:nowrap;min-height:44px;font-size:15px}.ar-table{border-collapse:collapse;width:100%;font-size:15px}.ar-table th,.ar-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:12px 14px}.ar-table th{color:var(--muted);background:var(--sunk);white-space:nowrap;font-size:13px;font-weight:600}.ar-table tbody tr:last-child td{border-bottom:0}.ar-table tbody tr:hover td{background:var(--sunk)}.ar-table .num{text-align:right;font-variant-numeric:tabular-nums}.ar-table .ar-act{text-align:right;width:1%}.ar-nb{max-width:280px;color:var(--muted);font-size:14px}.ar-empty{text-align:center;padding:28px}.tag{white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}td>.tag{margin-left:0}.tag.ok{background:var(--like-soft);color:var(--like)}.tag.off{background:var(--sunk);color:var(--muted);border:1px solid var(--line)}.ar-form{flex-direction:column;gap:18px;padding:24px;display:flex}.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.ar-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.ar-check input{width:20px;height:20px;accent-color:var(--accent);flex:none}.ar-nbset{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;margin:0;padding:12px 16px 16px;display:flex}.ar-nbset legend{padding:0 6px;font-weight:600}.ar-nblist{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 16px;max-height:320px;display:grid;overflow-y:auto}.ar-actions{justify-content:flex-end;gap:12px;display:flex}.ar-sk{background:linear-gradient(90deg, var(--sunk), var(--line), var(--sunk));background-size:200% 100%;border-radius:8px;height:18px;margin:12px 0;animation:1.2s linear infinite ar-sk;display:block}@keyframes ar-sk{to{background-position:-200% 0}}.toast{z-index:20;max-width:440px;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:12px 12px 12px 16px;font-size:15px;display:flex;position:fixed;bottom:24px;right:24px}.toast.ok{background:var(--like-soft);color:var(--like);border:1px solid var(--like)}.toast.err{background:var(--nope-soft);color:var(--nope);border:1px solid var(--nope)}.toast-x{width:44px;height:44px;color:inherit;background:0 0;border:0;flex:none;font-size:20px}@media (prefers-reduced-motion:reduce){.ar-sk{animation:none}}@media (width<=720px){.ar-grid{grid-template-columns:1fr}.ar-top,.ar-main{padding-left:16px;padding-right:16px}}.sf-nav{gap:6px;margin-left:auto;display:flex}.sf-nav a{min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.sf-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.sf-tabs{gap:6px;margin-bottom:14px;display:flex}.sf-tabs button{border:1.5px solid var(--line);background:var(--panel);border-radius:999px;min-height:44px;padding:0 16px;font-weight:600}.sf-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sf-row{cursor:pointer}.sf-cd{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.sf-cd.over{color:var(--nope)}.sf-cd.soon{color:var(--warn)}.sf-cd.ok{color:var(--ink)}.tag.bad{background:var(--nope-soft);color:var(--nope)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.sf-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.sf-dl{grid-template-columns:max-content 1fr;gap:8px 14px;margin:0;display:grid}.sf-dl dt{color:var(--muted);font-size:14px}.sf-dl dd{overflow-wrap:anywhere;margin:0}.sf-chat{flex-direction:column;gap:6px;max-height:460px;padding:4px;display:flex;overflow-y:auto}.sf-msg{background:var(--sunk);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;align-self:flex-start;max-width:85%;padding:8px 12px}.sf-msg.reporter{background:var(--accent-soft);align-self:flex-end}.sf-msg.scam{outline:2px solid var(--warn);background:var(--warn-soft)}.sf-msg small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.sf-voice{border:1px solid var(--line);background:var(--panel);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-weight:600}.sf-radio{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.sf-radio input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.btn.dan{background:var(--nope);color:#fff}.sf-modal-bg{z-index:30;background:#140a1e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sf-modal{background:var(--panel);width:100%;max-width:480px;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:22px;display:flex}.sf-modal h2{font-family:var(--f-disp);margin:0;font-size:20px;font-weight:500}.sf-preview{background:var(--nope-soft);color:var(--nope);border-radius:12px;padding:12px 14px}.sf-preview.info{background:var(--sunk);color:var(--ink)}.sf-pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.sf-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sf-filter select{border:1.5px solid var(--line);background:var(--panel);min-height:46px;color:var(--ink);border-radius:12px;padding:0 12px;font-size:16px}@media (width<=960px){.sf-cols{grid-template-columns:1fr}}@media (width<=600px){.ar-page .small,.ar-page .field,.ar-page .banner,.ar-page .toast,.ar-page .ar-table,.ar-page .ar-table th,.ar-page .tag,.ar-page .sf-dl dt{font-size:16px}.ar-page .btn,.sf-tabs button,.sf-filter input,.sf-filter select,.sf-filter button.tag{min-height:44px;font-size:16px}.sf-tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.sf-tabs button{padding:0 8px}.sf-filter{flex-direction:column;align-items:stretch}.sf-filter label,.sf-filter select,.sf-filter button.tag{width:100%}.sf-filter label{gap:6px;display:grid}.sf-pager{flex-wrap:wrap}}.op-pill{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 7px;font-size:13px;font-weight:700;display:inline-flex}.op-pill.crit{background:var(--nope);color:#fff}.op-pill.warn{background:var(--warn-soft);color:var(--warn)}.op-msg{overflow-wrap:anywhere;min-width:260px;max-width:520px}.op-kind{white-space:nowrap;font-weight:600}.op-when{white-space:nowrap;font-variant-numeric:tabular-nums}.op-act{white-space:nowrap}.op-confirm{gap:8px;display:inline-flex}.home-alerts{justify-content:center;align-items:center;display:flex}.ro-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ro-panel.ro-on{background:#fff8e6;border-color:#f0d58a}.ro-text{gap:4px;display:grid}.ro-panel .tag.ok{background:var(--like-soft);color:var(--like)}.db-page{--db-ok:#2f7d63;--db-warn:#a16717;--db-bad:#b1453a;--db-ok-bg:#f4faf7;--db-warn-bg:#fdfaf2;--db-bad-bg:#fdf7f6;min-width:0}.db-top{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand nav person logout";gap:10px 16px;display:grid}.db-brand{grid-area:brand;align-items:center;gap:10px;min-width:0;display:flex}.db-brand .ar-home{white-space:nowrap}.db-brand h1{overflow-wrap:anywhere;min-width:0}.db-nav{flex-wrap:wrap;grid-area:nav;min-width:0;margin-left:0}.db-nav a{white-space:nowrap}.db-person{grid-area:person;justify-items:end;min-width:0;line-height:1.25;display:grid}.db-person strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.db-person span{color:var(--muted);font-size:13px}.db-logout{white-space:nowrap;grid-area:logout;min-height:44px}.db-main{width:100%;min-width:0;max-width:none}.db-intro{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.db-intro h2{font-family:var(--f-disp);margin:2px 0 4px;font-size:clamp(25px,3vw,32px);font-weight:500;line-height:1.3}.db-eyebrow{color:var(--accent-text);font-family:var(--f-disp);letter-spacing:.08em;font-size:13px;font-weight:600}.db-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.db-stat{background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:5px;padding:18px;display:flex;position:relative;overflow:hidden}.db-stat:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.db-stat-label{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex}.db-icon{flex:none;width:18px;height:18px}.db-stat-number{font-family:var(--f-disp);font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(31px,4vw,42px);line-height:1.05}.db-stat-foot{color:var(--muted);font-size:14px}.db-stat-foot b{color:var(--db-ok);font-variant-numeric:tabular-nums}.db-breakdown{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;line-height:1.55;display:block}.db-breakdown a{color:inherit}.db-breakdown small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.db-work{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:16px;padding:20px}.db-work-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.db-work h2{font-family:var(--f-disp);align-items:center;gap:8px;margin:3px 0 0;font-size:21px;font-weight:600;display:flex}.db-work ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.db-work li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:50px;display:flex}.db-work li strong{white-space:nowrap;font-variant-numeric:tabular-nums}.db-work-label{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:inline-flex}.db-work-label.bad{color:var(--db-bad)}.db-work-label.warn{color:var(--db-warn)}.db-work-main{color:inherit;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;text-decoration:none;display:flex}.db-work-main .db-stat-number{white-space:nowrap;margin:0}.db-work-main .db-stat-number small{font-family:var(--f-body);font-size:16px}.db-work-in{margin-top:14px}.db-work-link{width:100%;min-height:50px;color:inherit;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.db-work-new{border-top:1px solid var(--line);grid-template-columns:1fr!important;margin-top:14px!important}.db-state{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.db-state.ok{color:var(--db-ok);background:var(--db-ok-bg)}.db-work-action{justify-content:flex-end;margin-top:18px;display:flex}.db-work-action a{text-decoration:none}.db-footer{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;font-size:14px;display:flex}.db-refresh-result{color:var(--db-ok);margin-left:auto}.db-footer .btn .db-icon{width:16px;height:16px}.db-skeleton:before{background:var(--line)}.db-sk{background:linear-gradient(90deg, var(--sunk), var(--line), var(--sunk));background-size:200% 100%;border-radius:7px;animation:1.2s linear infinite db-sk;display:block}.db-sk-label{width:42%;height:16px}.db-sk-number{width:35%;height:42px;margin-top:8px}.db-sk-foot{width:64%;height:14px;margin-top:6px}.db-sk-heading{width:240px;max-width:75%;height:24px}.db-sk-row{width:100%;height:20px;margin-top:14px}.db-sk-button{width:140px;height:44px;margin:20px 0 0 auto}@keyframes db-sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.db-sk{animation:none}}@media (width<=860px){.db-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand logout""person person""nav nav"}.db-person{justify-items:start}.db-nav{width:100%}.db-kpis{grid-template-columns:1fr}}@media (width<=600px){.db-top,.db-main{padding-left:16px;padding-right:16px}.db-top{gap:8px}.db-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.db-nav a{text-align:center;white-space:normal;justify-content:center;min-width:0;padding:0 8px;font-size:16px;line-height:1.3}.db-page .op-pill{flex:none;min-width:28px;height:28px;margin-left:4px;padding:0 5px;font-size:16px}.db-person strong,.db-person span{overflow-wrap:anywhere;white-space:normal;max-width:100%;font-size:16px}.db-page .btn{min-height:44px;font-size:16px}.db-intro p,.db-stat-label,.db-stat-foot,.db-breakdown small,.db-work,.db-state,.db-footer{font-size:16px}.db-work-head{flex-direction:column}.db-work ul{grid-template-columns:1fr}.db-work-main{flex-direction:column;align-items:flex-start}.db-work li{align-items:flex-start;padding:10px 0}.db-work-link{align-items:flex-start;min-height:44px}.db-work-action .btn{width:100%}.db-footer{flex-direction:column;align-items:stretch}.db-refresh-result{min-height:24px;margin-left:0}.db-footer .btn{width:100%}}.cp-build{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.cp-build .sf-tabs{flex-wrap:wrap;margin-bottom:0}.cp-phone{border:8px solid var(--ink);background:var(--sunk);border-radius:28px;min-height:260px;overflow:hidden}.cp-bar{background:var(--accent);color:var(--accent-ink);padding:10px 14px;font-size:14px;font-weight:600}.cp-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;margin:16px;padding:14px;display:flex}.cp-count{color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:600}.nav-soon{background:var(--sunk);color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600}@media (width<=860px){.cp-build{grid-template-columns:1fr}.cp-phone{max-width:300px;margin:0 auto}}[data-testid=campaigns-table] td,[data-testid=campaigns-table] th{white-space:nowrap}@media (width<=600px){.cp-build .sf-tabs{flex-wrap:wrap;display:flex}.cp-build .sf-tabs button{padding:0 14px}}