@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/ibm-plex-sans-thai-thai-300-normal-Bzg9IkD6.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-300-normal-DsjkY-kq.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/ibm-plex-sans-thai-latin-300-normal-DuvW4Kwi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-300-normal-Bcdr0fiW.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-thai-500-normal-BrMc1XKn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-500-normal-BoHUoq0p.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-500-normal-DQcnnbdd.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-500-normal-h5t7erDE.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-thai-700-normal-0moayseG.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-700-normal-Bo0ALcDh.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-700-normal-Ct-BCS9V.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-700-normal-SmVfMUPf.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{--bg: #05080f;--bg-2: #0a1120;--panel: rgba(18, 28, 48, .55);--panel-solid: #0f182b;--line: rgba(120, 180, 255, .14);--line-strong: rgba(120, 200, 255, .35);--text: #e6f0ff;--muted: #8193b2;--accent: #22d3ee;--accent-2: #818cf8;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--glow-a: rgba(129, 140, 248, .16);--glow-b: rgba(34, 211, 238, .12);--tint: rgba(255, 255, 255, .04);--radius: 18px;--font: "IBM Plex Sans Thai", system-ui, sans-serif;--mono: "Space Grotesk", "IBM Plex Sans Thai", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 85% -10%,var(--glow-a),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--glow-b),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);opacity:.35}#app{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.container{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px #ffffff0a inset,0 20px 50px -20px #0009}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:500;font-size:15px;padding:11px 18px;border-radius:12px;cursor:pointer;border:1px solid var(--line-strong);background:#22d3ee0f;color:var(--text);transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{background:#22d3ee24;border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04101c;border:none;font-weight:600;box-shadow:0 10px 30px -10px #22d3ee99}.btn.primary:hover{box-shadow:0 12px 36px -8px #22d3eed9}.btn.ghost{background:transparent}.btn.danger{border-color:#f8717180;color:#fecaca;background:#f8717114}.btn.big{padding:18px 28px;font-size:20px;border-radius:16px}.input,select.input{font:inherit;color:var(--text);background:#050a1499;border:1px solid var(--line-strong);border-radius:12px;padding:11px 14px;width:100%;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted)}.chip.accent{color:var(--accent);border-color:#22d3ee80;background:#22d3ee14}.chip.ok{color:var(--ok);border-color:#34d39973;background:#34d39914}.chip.warn{color:var(--warn);border-color:#fbbf2473;background:#fbbf2414}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #34d399b3;animation:ping 1.8s infinite}.live-dot.off{background:var(--danger);animation:none}@keyframes ping{70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.grid{display:grid;gap:16px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:12px;font-family:var(--mono)}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:100;padding:12px 18px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--line-strong)}.logo-raised{object-fit:contain;filter:drop-shadow(1.5px 0 0 rgba(255,255,255,.95)) drop-shadow(-1.5px 0 0 rgba(255,255,255,.95)) drop-shadow(0 1.5px 0 rgba(255,255,255,.95)) drop-shadow(0 -1.5px 0 rgba(255,255,255,.95)) drop-shadow(0 2px 0 rgba(15,23,42,.55)) drop-shadow(0 4px 0 rgba(15,23,42,.4)) drop-shadow(0 10px 12px rgba(0,0,0,.55));transition:transform .25s,filter .25s}.logo-raised:hover{transform:translateY(-2px)}