*,:after,:before{box-sizing:border-box}:root{--action:#1060FF;--action-hover:#0C56E9;--ink:#0C0C0E;--muted:#55575E;--faint-text:#6E7076;--surface:#FFFFFF;--faint:#FAFAFA;--hover:#F5F5F7;--border:#E4E4E9;--border-mid:#D8D9DF;--border-strong:#8B9099;--success:#008A22;--success-tint:#EAF5ED;--critical:#E52228;--critical-hover:#C91E24;--critical-tint:#FCEDED;--warning:#946300;--warning-tint:#FBF3E0;--warning-bd:#E4CE96;--info:#0C6E78;--info-tint:#EAF3F4;--info-bd:#BFDCE0;--canvas:#F0F0F3;--shadow:0 2px 8px rgba(0,0,0,0.08);--font:"Noto Sans Thai","IBM Plex Sans Thai Looped","Sukhumvit Set","Leelawadee UI","Thonburi",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,p{margin:0}a{color:var(--action);text-decoration:none}a:hover{color:var(--action-hover);text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono)}.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.s{width:16px;height:16px}.ic.xs{width:14px;height:14px}.gicon{width:18px;height:18px;flex:none}.c-ok{color:var(--success)}.c-crit{color:var(--critical)}.c-warn{color:var(--warning)}.c-info{color:var(--info)}.c-mut{color:var(--faint-text)}.wm{font-weight:700;letter-spacing:-.01em;white-space:nowrap}.wm .dot{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:var(--action);margin-left:.14em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;line-height:1.5;font-family:var(--font);padding:7px 14px;border-radius:5px;border:1px solid transparent;cursor:pointer;background:none;color:var(--ink)}.btn,.btn:hover{text-decoration:none}.b-pri{background:var(--action);color:#FFFFFF}.b-pri:hover{background:var(--action-hover);color:#FFFFFF}.b-sec{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}.b-sec:hover{background:var(--hover);border-color:#5F6470;color:var(--ink)}.b-crit{background:var(--critical);color:#FFFFFF}.b-crit:hover{background:var(--critical-hover);color:#FFFFFF}.b-crit-o{background:var(--surface);border-color:var(--critical);color:var(--critical)}.b-crit-o:hover{background:var(--critical-tint);color:var(--critical-hover)}.b-lg{font-size:15px;padding:10px 20px}.b-sm{font-size:13px;padding:5px 11px}.b-quiet{color:var(--action);padding:7px 10px}.b-quiet:hover{background:rgba(16,96,255,.06);color:var(--action-hover)}.ibtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;border:none;background:none;color:var(--muted);cursor:pointer}.ibtn:hover{background:var(--hover);color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);line-height:1.5;color:var(--muted);background:var(--faint);border:1px solid var(--border-mid);border-radius:4px;padding:1px 8px;white-space:nowrap}.tag,.tag-th{font-size:12px}.tag-th{font-family:var(--font)}.st{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;white-space:nowrap}.st i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.st-ok{color:var(--success)}.st-ok i{background:var(--success)}.st-sus{color:var(--critical)}.st-sus i{background:var(--critical)}.st-off{color:var(--muted)}.st-off i{background:var(--border-strong)}.st-warn{color:var(--warning)}.st-warn i{background:var(--warning)}.av{width:32px;height:32px;border-radius:5px;flex:none;background:#E9EAEF;color:var(--ink);border:1px solid var(--border-mid);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1}.av.lg{width:56px;height:56px;font-size:22px;border-radius:6px}.av.sm{width:24px;height:24px;font-size:11px}img.av{object-fit:cover;display:block;padding:0}.tb{background:var(--ink);height:56px;display:flex;align-items:center;gap:16px;padding:0 24px;flex:none}.tb,.tb .wm{color:#FFFFFF}.tb .wm{font-size:17px}.tb-right{margin-left:auto;gap:8px;position:relative}.tb-right,.uchip{display:flex;align-items:center}.uchip{gap:10px;padding:5px 8px 5px 5px;background:none;border:none;border-radius:5px;cursor:pointer;color:#FFFFFF}.uchip:hover{background:rgba(255,255,255,.1)}.uchip .name{font-size:13.5px;font-weight:500}.uchip .ic{color:#B9BBC2}.umenu{position:absolute;top:46px;right:0;width:248px;z-index:5;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);padding:6px}.umenu-head{padding:8px 10px 9px;border-bottom:1px solid var(--border);margin-bottom:6px}.umenu-head .nm{font-size:13.5px;font-weight:600}.umenu-head .em{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.mi{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 10px;border-radius:5px;font-size:13.5px;background:none;border:none;cursor:pointer}.mi,.mi:hover{color:var(--ink)}.mi:hover{background:var(--hover);text-decoration:none}.mi .ic{color:var(--muted)}.appgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.app-card{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border-mid);border-radius:6px;padding:18px;color:var(--ink);cursor:pointer}.app-card.is-hover,.app-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}.app-card[aria-disabled=true]:hover{border-color:var(--border-mid);box-shadow:none}.app-card .ext{position:absolute;top:14px;right:14px;color:var(--faint-text);opacity:0}.app-card.is-hover .ext,.app-card:hover .ext{opacity:1}.tile{width:44px;height:44px;border-radius:6px;flex:none;background:var(--faint);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.tile.sm{width:34px;height:34px;border-radius:5px}.app-card .nm{font-size:15px;font-weight:600;line-height:1.5}.app-card .ds{font-size:13px;color:var(--muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.app-card .ft{margin-top:auto;display:flex}.center{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.center h3{font-size:19px;font-weight:700;margin-top:18px}.center .bd{font-size:14px;color:var(--muted);max-width:440px;margin-top:6px}.tile.big{width:64px;height:64px;border-radius:6px}.foot-line{border-top:1px solid var(--border);padding:14px 24px;text-align:center;font-size:12.5px;color:var(--faint-text);flex:none}.portal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.launcher-body{padding:32px 40px 48px;flex:1 1}.launcher-title{font-size:20px;font-weight:700}.launcher-sub{font-size:13.5px;color:var(--faint-text);margin:2px 0 20px}.input,.sel,textarea.input{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:5px;padding:7px 12px}.input::placeholder{color:var(--faint-text)}.input:hover,.sel:hover,textarea.input:hover{border-color:#5F6470}.sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2355575E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}.input:disabled,.sel:disabled{background-color:var(--faint);border-color:var(--border-mid);color:var(--faint-text);cursor:not-allowed}.sel.sm{font-size:13px;padding:4px 28px 4px 10px;background-position:right 8px center}.search{position:relative}.search .ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--faint-text);pointer-events:none}.search .input{padding-left:34px;width:280px}.sw{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex:none;width:38px;height:21px;border-radius:4px;cursor:pointer;position:relative;background:#E2E3E8;border:1px solid var(--border-strong);transition:background .15s,border-color .15s}.sw:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:3px;background:var(--surface);border:1px solid var(--border-strong);transition:left .15s}.sw:hover{border-color:#5F6470}.sw:checked{background:var(--ink);border-color:var(--ink)}.sw:checked:after{left:19px;border-color:var(--ink)}.sw:disabled{opacity:.45;cursor:not-allowed}.sw.sw-danger:checked{background:var(--critical)}.sw.sw-danger:checked,.sw.sw-danger:checked:after{border-color:var(--critical)}.sw.sw-danger:checked:hover{background:var(--critical-hover);border-color:var(--critical-hover)}.co{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1px solid;border-radius:6px;font-size:13px;line-height:1.65}.co .ic{margin-top:2px}.co-info{background:var(--info-tint);border-color:var(--info-bd);color:var(--ink)}.co-info .ic{color:var(--info)}.co-warn{background:var(--warning-tint);border-color:var(--warning-bd);color:var(--ink)}.co-warn .ic{color:var(--warning)}.co-crit{background:var(--critical-tint);border-color:#F0B3B5;color:var(--ink)}.co-crit .ic{color:var(--critical)}.co b{font-weight:700}.admin{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sb{border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 0 12px}.sb .wm{font-size:15px;padding:0 20px}.sb-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint-text);padding:18px 20px 6px}.sb-i{display:flex;align-items:center;gap:10px;margin:1px 10px;padding:8px 12px;border-radius:5px;font-size:14px;color:var(--muted)}.sb-i .ic{color:var(--faint-text)}.sb-i:hover{background:var(--hover);text-decoration:none}.sb-i.on,.sb-i:hover,.sb-i:hover .ic{color:var(--ink)}.sb-i.on{background:#ECEDF1;font-weight:600;box-shadow:inset 3px 0 0 var(--ink)}.sb-i.on .ic{color:var(--ink)}.sb-i.is-soon{color:var(--faint-text);cursor:default}.sb-i.is-soon:hover{background:none;color:var(--faint-text)}.sb-i.is-soon .soon{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint-text);border:1px solid var(--border-mid);border-radius:3px;padding:0 5px}.sb-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:10px}.sb-user{display:flex;align-items:center;gap:9px;padding:8px 20px 4px}.sb-user .nm{font-size:12.5px;font-weight:600;line-height:1.4}.sb-user .rl{font-size:11.5px;color:var(--faint-text);line-height:1.4}.main{background:var(--faint);padding:24px 28px 32px;min-width:0}.ph{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ph h1{font-size:20px;font-weight:700}.ph .cnt{font-size:13.5px;color:var(--faint-text)}.ph .sp{margin-left:auto}.bar,.ph .sp{display:flex;gap:10px;align-items:center}.bar{flex-wrap:wrap}.bar,.crumb{margin-bottom:14px}.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.card+.card{margin-top:16px}.card-h{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-h h3{font-size:15px;font-weight:700}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:12.5px;font-weight:600;color:var(--muted);padding:9px 16px;background:var(--faint);white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:11px 16px;vertical-align:middle;line-height:1.6}.tbl tr:last-child td{border-bottom:none}.rowlink{cursor:pointer;position:relative}.rowlink:focus-within,.rowlink:hover,tr.is-hover{background:var(--hover)}.chev{color:var(--faint-text)}.rl-stretch:after{content:"";position:absolute;inset:0;z-index:1}.cell-2l .l1{font-weight:600;line-height:1.5}.cell-2l .l2{font-family:var(--mono);font-size:11.5px;line-height:1.5}.cell-2l .l2,.pgr{color:var(--muted)}.pgr{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);font-size:12.5px;background:var(--surface)}.pgr .sp{margin-left:auto;display:flex;gap:8px}.num{font-family:var(--mono);font-size:12.5px}.evt{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:500}tr.row-crit td:first-child{box-shadow:inset 3px 0 0 var(--critical)}tr.row-crit{background:#FEFAFA}tr.row-crit:hover{background:var(--critical-tint)}.t-crit{color:var(--critical);font-weight:600}.t-warn{color:var(--warning);font-weight:600}.dtl{color:var(--muted)}.perm-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--border)}.perm-row:last-child{border-bottom:none}.perm-row .info{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1}.perm-row .nm{font-size:14px;font-weight:600;line-height:1.5}.perm-row .id{font-family:var(--mono);font-size:11.5px;color:var(--muted);line-height:1.5}.perm-row .ctl{display:flex;align-items:center;gap:14px}.perm-row.off .nm{color:var(--muted)}.saved{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--success)}.head-card{display:flex;gap:16px;align-items:flex-start;padding:20px}.kv-rows{display:flex;flex-direction:column}.kv-row{display:flex;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);align-items:flex-start}.kv-row:last-child{border-bottom:none}.kv-row .k{width:150px;flex:none;font-size:13px;color:var(--muted);padding-top:2px}.kv-row .v{min-width:0;flex:1 1;font-size:13.5px}.mono-val{font-family:var(--mono);font-size:13px;word-break:break-all}.meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:10px}.meta .kv .k{font-size:12px;color:var(--faint-text);line-height:1.5}.meta .kv .v{font-size:13.5px;line-height:1.6}.admin-empty{padding:34px 20px;text-align:center;color:var(--muted);font-size:13px}.modal-scrim{position:fixed;inset:0;z-index:100;background:rgba(12,12,14,.42);display:flex;align-items:center;justify-content:center;padding:48px 24px}.modal{background:var(--surface);border-radius:6px;box-shadow:var(--shadow);width:520px;max-width:100%;text-align:left}.m-head{display:flex;align-items:center;gap:10px;padding:16px 20px 12px}.m-head h3{font-size:16px;font-weight:700;flex:1 1}.m-body{padding:0 20px 8px;display:flex;flex-direction:column;gap:14px}.m-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 18px}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:13px;font-weight:600}.field .hint{font-size:12px;color:var(--faint-text)}.req{color:var(--critical)}.secret-row{display:flex;gap:8px}.secret-row .input{flex:1 1}