*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;background:#f5f7fb;color:#1a2233}header{padding:16px 24px;background:white;border-bottom:1px solid #e6eaf1;gap:24px;align-items:center;flex-wrap:wrap}header,nav{display:flex}nav{gap:20px}a{color:#1a2233}main{padding:24px;max-width:1100px;margin:auto}h1{font-size:28px;margin-bottom:8px}h2{font-size:22px}p{line-height:1.6}.muted{color:#6b7684}.card,.connection{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:20px;margin-bottom:24px}.section-head{align-items:center;justify-content:space-between;gap:16px}.form-row,.section-head{display:flex;flex-wrap:wrap}.form-row{gap:12px;align-items:flex-end}label{display:flex;gap:6px;flex-direction:column;font-size:14px}button,input,select,textarea{font:inherit;font-size:16px;min-height:44px;border:1px solid #c5ceda;border-radius:10px;padding:10px 14px}input{max-width:100%;width:280px}button{background:#1a2233;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4979ad;outline-offset:3px}.link-button{background:none;color:#1a2233;text-decoration:underline;border:0;padding:6px;text-align:left;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;margin:20px 0;background:white;border:1px solid #e6eaf1;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:14px;border-bottom:1px solid #e6eaf1}th{color:#6b7684;background:#fafbfc}.notice{padding:16px;background:#fff;border-left:3px solid #6b7684}.error{padding:16px;background:#fff4ee;color:#8c3518;border-radius:10px}code{overflow-wrap:anywhere}li{line-height:1.8}@media(max-width:600px){.card,.connection,header,main{padding:14px}.form-row label,input{width:100%}}textarea{font-size:16px;width:100%;min-height:88px;margin-bottom:12px}.card .form-row{margin-top:12px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:20px}.dash-card{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:20px;opacity:0;transform:translateY(14px);animation:dash-rise .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*80ms)}.dash-card h2{font-size:14px;font-weight:500;color:#6b7684;margin:0 0 8px;display:flex;align-items:center;gap:8px}.dash-wide{grid-column:span 4}.dash-value{font-size:30px;font-weight:600;margin:0;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash-note{font-size:13px;margin:6px 0 0}.dash-pulse{width:9px;height:9px;border-radius:50%;background:#b7791f;animation:dash-pulse 1.8s ease-in-out infinite}.dash-split{gap:28px;flex-wrap:wrap}.dash-donut-wrap,.dash-split{display:flex;align-items:center}.dash-donut-wrap{gap:16px}.dash-donut circle{fill:none;stroke-width:16}.dash-donut-track{stroke:#e6eaf1}.dash-seg{transition:stroke-dasharray 1.1s cubic-bezier(.3,.7,.2,1)}.dash-donut-num{font-size:28px;font-weight:600;fill:#1a2233}.dash-donut-sub{font-size:12px;fill:#6b7684}.dash-bars,.dash-legend,.dash-queue{list-style:none;margin:0;padding:0}.dash-legend li{font-size:14px;line-height:1.9}.dash-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}.dash-bars{flex:1 1;min-width:260px;display:grid;grid-gap:8px;gap:8px}.dash-bars li{display:grid;grid-template-columns:150px 1fr 40px;grid-gap:10px;gap:10px;align-items:center;font-size:14px}.dash-track{height:10px;background:#e6eaf1;border-radius:6px;overflow:hidden}.dash-fill{display:block;height:100%;border-radius:6px;transition:width .9s cubic-bezier(.3,.7,.2,1)}.dash-bar-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px}.dash-queue li{display:flex;flex-direction:column;padding:12px;border:1px solid #e6eaf1;border-radius:10px;opacity:0;animation:dash-rise .45s ease forwards}.dash-queue strong{font-size:22px}.tone-ok{stroke:#2f7d5b;background:#2f7d5b}.tone-pending{stroke:#b7791f;background:#b7791f}.tone-warn{stroke:#b4442f;background:#b4442f}.tone-neutral{stroke:#9aa3ae;background:#9aa3ae}@keyframes dash-rise{to{opacity:1;transform:none}}@keyframes dash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media(max-width:900px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-wide{grid-column:span 2}}@media(max-width:600px){.dash-grid{grid-template-columns:1fr}.dash-wide{grid-column:span 1}.dash-bars li{grid-template-columns:110px 1fr 32px}}@media(prefers-reduced-motion:reduce){.dash-card,.dash-queue li{animation:none;opacity:1;transform:none}.dash-pulse{animation:none}.dash-fill,.dash-seg{transition:none}}