@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--void:#070B12;--void2:#0A1119;--panel:#0D1622;--panel2:#111E2C;--line:#1B2C3E;--ring:#173340;--phos:#34E5C4;--phos-dim:#1B7E70;--phos-deep:#0E3A36;--contact:#FFB454;--contact-dim:#6E4E20;--danger:#FF6B6B;--text:#CBD8E6;--muted:#647B90;--muted2:#3B5064;--ui:"IBM Plex Sans Thai",system-ui,sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}body{margin:0}.fr{font-family:var(--ui);background:var(--void);color:var(--text);height:100vh;display:grid;grid-template-columns:214px 1fr;overflow:hidden;background-image:radial-gradient(circle at 18% 12%,rgba(52,229,196,.05),transparent 42%),radial-gradient(circle at 88% 88%,rgba(255,180,84,.035),transparent 45%)}.fr *::-webkit-scrollbar{width:9px;height:9px}.fr *::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}.fr *::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono)}.ey{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.rail{background:linear-gradient(180deg,var(--void2),var(--void));border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 12px;gap:4px}.brand{display:flex;align-items:center;gap:9px;padding:4px 8px 20px}.brand .dot,.login-brand .dot{position:relative;width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px solid var(--phos-dim);display:grid;place-items:center}.brand .dot:after,.login-brand .dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--phos-deep);animation:ping 3.2s ease-out infinite}@keyframes ping{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.7);opacity:0}}.brand b,.login-brand b{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--text)}.brand span,.login-brand span{font-family:var(--mono);font-size:9px;color:var(--phos);letter-spacing:.2em;display:block;margin-top:1px}.navbtn{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;text-align:left;width:100%;font-family:var(--ui);font-size:13.5px;transition:.15s}.navbtn:hover{color:var(--text);background:var(--panel)}.navbtn.on{color:var(--phos);background:var(--panel2);border-color:var(--line)}.navbtn.on svg{filter:drop-shadow(0 0 6px rgba(52,229,196,.6))}.navbtn small{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--muted2);display:block}.railfoot{margin-top:auto;padding:12px 10px 2px;border-top:1px solid var(--line)}.railfoot .st{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;color:var(--muted)}.railfoot .who{font-size:11px;color:var(--muted);margin:2px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui)}.signout{width:100%;margin-top:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:7px;font-size:11.5px;cursor:pointer;font-family:var(--ui)}.signout:hover{color:var(--text);border-color:var(--muted)}.live{width:7px;height:7px;border-radius:50%;background:var(--phos);box-shadow:0 0 8px var(--phos);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.main{overflow-y:auto;padding:26px 30px 60px}.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.hd h1{font-size:25px;font-weight:600;margin:6px 0 2px;letter-spacing:-.01em}.hd p{color:var(--muted);font-size:13px;margin:0;max-width:560px;line-height:1.5}.hd .rt{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:right;line-height:1.7}.hd .rt b{color:var(--phos)}.target{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:22px}.target .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}label.f{display:block}label.f .lb{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.inp,.ta{width:100%;background:var(--void2);border:1px solid var(--line);border-radius:9px;color:var(--text);font-family:var(--ui);font-size:13.5px;padding:9px 11px;transition:.15s;resize:vertical}.inp:focus,.ta:focus{outline:none;border-color:var(--phos-dim);box-shadow:0 0 0 3px #34e5c417}.inp::placeholder,.ta::placeholder{color:var(--muted2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ui);font-size:13.5px;font-weight:500;padding:10px 17px;border-radius:9px;border:1px solid var(--phos-dim);cursor:pointer;transition:.15s;background:linear-gradient(180deg,#34e5c429,#34e5c40d);color:var(--phos)}.btn:hover{border-color:var(--phos);box-shadow:0 0 18px #34e5c42e}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.ghost{background:var(--panel);border-color:var(--line);color:var(--text)}.btn.ghost:hover{border-color:var(--muted);box-shadow:none}.btn.sm{padding:6px 11px;font-size:12px}.grid{display:grid;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 18px}.card.acc{border-color:var(--phos-deep);background:linear-gradient(180deg,var(--panel2),var(--panel))}.card h3{font-size:14.5px;margin:0 0 10px;font-weight:600;display:flex;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px;border-radius:20px;background:var(--void2);border:1px solid var(--line);color:var(--text);margin:0 6px 6px 0;font-family:var(--ui)}.chip.p{border-color:var(--phos-deep);color:var(--phos)}.chip.a{border-color:var(--contact-dim);color:var(--contact)}.chip.mono{font-family:var(--mono);font-size:11.5px}.badge{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:5px}.b-high{background:#34e5c424;color:var(--phos)}.b-med{background:#ffb45424;color:var(--contact)}.b-low{background:var(--void2);color:var(--muted)}.split2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.colhd{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.li{font-size:13px;line-height:1.5;padding:3px 0 3px 15px;position:relative;color:var(--text)}.li:before{content:"";position:absolute;left:2px;top:10px;width:5px;height:5px;border-radius:1px}.li.g:before{background:var(--phos)}.li.r:before{background:var(--contact)}.meta{font-size:12px;color:var(--muted);line-height:1.5}.scope{position:relative;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto}.scope .ring{position:absolute;border-radius:50%;border:1px solid var(--ring);top:0;right:0;bottom:0;left:0}.scope .ring.r2{top:16.6%;right:16.6%;bottom:16.6%;left:16.6%}.scope .ring.r3{top:33.3%;right:33.3%;bottom:33.3%;left:33.3%}.scope .ring.r4{top:50%;right:50%;bottom:50%;left:50%}.scope .cross{position:absolute;background:var(--ring)}.scope .cx{left:0;right:0;top:50%;height:1px}.scope .cy{top:0;bottom:0;left:50%;width:1px}.scope .sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.scope .sweep:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,rgba(52,229,196,.32),transparent 42deg,transparent 360deg);animation:sweep 4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.scope .core{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:var(--phos);box-shadow:0 0 12px var(--phos)}.blip{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:var(--contact);box-shadow:0 0 10px var(--contact);animation:pop .5s ease-out both}.blip:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--contact-dim);animation:ping 2.4s ease-out infinite}@keyframes pop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.scopewrap{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:center}.stat{display:flex;align-items:baseline;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.stat b{font-family:var(--mono);font-size:24px;color:var(--phos);min-width:44px}.stat .l{font-size:12.5px;color:var(--muted)}.stat.a b{color:var(--contact)}.bar{margin:9px 0}.bar .t{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.bar .t b{font-family:var(--mono);color:var(--phos)}.bar .track{height:7px;background:var(--void2);border-radius:6px;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,var(--phos-dim),var(--phos));border-radius:6px}.wk{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.wk .n{font-family:var(--mono);font-size:11px;color:var(--phos);letter-spacing:.1em}.wk .n b{display:block;font-size:20px}.wk .f{font-size:13.5px;font-weight:600;margin-bottom:5px}.note{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--contact);background:#ffb4540f;border:1px solid var(--contact-dim);border-radius:9px;padding:10px 12px;margin-top:14px;line-height:1.5}.empty{text-align:center;color:var(--muted);padding:38px 20px;font-size:13px}.load{display:flex;align-items:center;gap:10px;color:var(--phos);font-family:var(--mono);font-size:13px;padding:30px}.load svg{animation:spin 1s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.raw{white-space:pre-wrap;font-size:13px;line-height:1.6;color:var(--text)}.rep{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:.15s}.rep:hover{border-color:var(--phos-dim);background:var(--panel2)}.rep .ic{width:34px;height:34px;border-radius:8px;background:var(--void2);display:grid;place-items:center;color:var(--phos);flex:0 0 34px}.rep .ti{font-size:13.5px;font-weight:500}.rep .ti small{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;display:grid;place-items:center;padding:22px}.modal{background:var(--void2);border:1px solid var(--line);border-radius:16px;max-width:720px;width:100%;max-height:86vh;overflow-y:auto;padding:24px}.mh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.x{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:16px}.x:hover{color:var(--text)}.sechd{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:22px 0 11px}.sechd .ln{flex:1;height:1px;background:var(--line)}.gate{height:100vh;display:grid;place-items:center;background:var(--void);color:var(--muted);font-family:var(--mono);font-size:13px;gap:9px;background-image:radial-gradient(circle at 50% 40%,rgba(52,229,196,.06),transparent 55%)}.gate .live{display:inline-block;margin-right:6px}.login{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px 30px;max-width:360px;width:calc(100% - 40px);text-align:center}.login-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:18px}.login-brand b{font-size:17px}.login p{color:var(--muted);font-size:13px;line-height:1.55;font-family:var(--ui);margin:0 0 20px}.login .btn{width:100%}@media (max-width:820px){.fr{grid-template-columns:1fr;grid-template-rows:1fr auto}.rail{grid-row:2;flex-direction:row;border-right:none;border-top:1px solid var(--line);padding:8px;overflow-x:auto;gap:2px}.brand,.railfoot{display:none}.navbtn{flex-direction:column;gap:3px;font-size:10px;padding:8px 12px;min-width:66px;text-align:center}.navbtn small{display:none}.main{grid-row:1;padding:20px 16px 30px}.scopewrap,.split2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.scope .sweep:before,.blip,.blip:after,.brand .dot:after,.login-brand .dot:after,.live{animation:none}}:focus-visible{outline:2px solid var(--phos);outline-offset:2px}