:root{
 --kpru-bg:#071426;--kpru-surface:#0d1b2d;--kpru-surface-2:#11233e;--kpru-border:#1f4365;
 --kpru-text:#edf7ff;--kpru-muted:#9bb5cd;--kpru-faint:#718aa3;--kpru-accent:#32c7ff;--kpru-accent-2:#6ee7c7;
 --kpru-good:#34d399;--kpru-normal:#38bdf8;--kpru-warn:#fbbf24;--kpru-bad:#fb7185;--kpru-radius:16px;
 --kpru-shadow:0 16px 40px rgba(0,0,0,.18)
}
*{box-sizing:border-box}html{background:var(--kpru-bg)}body{background:radial-gradient(circle at 85% -10%,rgba(50,199,255,.09),transparent 34%),var(--kpru-bg)!important;color:var(--kpru-text)!important;font-family:"Noto Sans Thai","Sarabun",Arial,sans-serif!important;line-height:1.55}
.top{background:rgba(10,27,46,.92)!important;border-bottom:1px solid rgba(80,150,205,.25)!important;backdrop-filter:blur(12px);position:relative}.top b{letter-spacing:.02em}.top a{display:inline-flex;align-items:center;gap:6px;color:#bfe7ff!important;border-radius:9px;padding:6px 9px;margin:2px 3px!important;transition:.16s ease}.top a:hover{background:rgba(50,199,255,.1);color:#fff!important;text-decoration:none}
.wrap{max-width:1500px!important;padding:26px!important}.hero,.card,.check,.panel,.box{border-radius:var(--kpru-radius)!important;box-shadow:var(--kpru-shadow);border-color:rgba(71,130,178,.32)!important}.card,.check,.panel,.box{background:linear-gradient(180deg,rgba(17,38,65,.9),rgba(11,28,49,.96))!important}.hero{box-shadow:none!important}.hero.pass,.check.pass{background:linear-gradient(135deg,rgba(15,66,53,.86),rgba(13,43,39,.93))!important}.hero.warn,.check.warn{background:linear-gradient(135deg,rgba(82,65,20,.88),rgba(50,42,16,.95))!important}.hero.fail,.check.fail{background:linear-gradient(135deg,rgba(83,31,45,.88),rgba(54,23,35,.95))!important}
h1,h2,h3,h4,h5,h6,strong{color:#f5fbff}.detail,.muted,.small,small{color:var(--kpru-muted)!important}.num{letter-spacing:-.03em}
button,.btn,.kpru-btn,a.button,input[type=submit]{border-radius:10px!important;transition:.16s ease!important}button:hover,.btn:hover,.kpru-btn:hover,a.button:hover{transform:translateY(-1px)}input,select,textarea{background:#09192b!important;color:#eaf6ff!important;border:1px solid #2b5578!important;border-radius:10px!important;padding:9px 11px!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--kpru-accent)!important;box-shadow:0 0 0 3px rgba(50,199,255,.12)!important}
table{width:100%;border-collapse:separate!important;border-spacing:0!important}th{color:#a9c9e5!important;text-transform:none!important;letter-spacing:.02em;background:rgba(8,24,42,.7)}th,td{padding:11px 12px!important;border-bottom:1px solid rgba(54,98,134,.35)!important}tbody tr:hover{background:rgba(50,199,255,.035)}.table-wrap{overflow:auto;border-radius:12px;border:1px solid rgba(56,100,140,.28)}
.badge{border-radius:999px!important}.kpru-btn,.kpru-btn-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #2b658f;color:#dff5ff;background:#123452;padding:9px 14px;cursor:pointer}.kpru-btn-primary{background:linear-gradient(135deg,#1375ae,#159d99);border-color:#31b9cc;color:white;font-weight:700}.kpru-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.kpru-form-grid label{display:flex;flex-direction:column;gap:6px;color:#bcd1e3}.mono{font-family:Consolas,monospace}
/* global guide */
#kpru-ux-fab{position:fixed;right:20px;bottom:20px;z-index:10000;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.kpru-ux-fab-btn{appearance:none;border:1px solid rgba(71,188,229,.45)!important;background:rgba(10,35,58,.96)!important;color:#eaf9ff!important;padding:10px 14px!important;border-radius:999px!important;box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer;font-weight:700}.kpru-ux-fab-btn.primary{background:linear-gradient(135deg,#0d8ab9,#128a75)!important}.kpru-ux-fab-btn.active{box-shadow:0 0 0 3px rgba(50,199,255,.25),0 10px 30px rgba(0,0,0,.28)}
.kpru-ux-editable{outline:1px dashed rgba(50,199,255,.65)!important;outline-offset:3px;cursor:text!important}.kpru-ux-editable:hover{outline:2px solid var(--kpru-accent)!important;background:rgba(50,199,255,.07)!important}
.kpru-help-dot{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;margin-left:7px;border:1px solid rgba(102,196,239,.5);background:rgba(50,199,255,.08);color:#9ee8ff;font-size:12px;font-weight:800;cursor:pointer;vertical-align:middle}.kpru-help-dot:hover{background:rgba(50,199,255,.18);color:white}
.kpru-status-pill{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.kpru-status-good{background:rgba(52,211,153,.14);color:#9af3cf;border:1px solid rgba(52,211,153,.28)}.kpru-status-normal{background:rgba(56,189,248,.13);color:#a6e4ff;border:1px solid rgba(56,189,248,.25)}.kpru-status-warning{background:rgba(251,191,36,.13);color:#ffe08a;border:1px solid rgba(251,191,36,.28)}.kpru-status-critical{background:rgba(251,113,133,.14);color:#ffc0ca;border:1px solid rgba(251,113,133,.28)}
.kpru-ux-overlay{position:fixed;inset:0;background:rgba(2,8,18,.72);z-index:11000;display:flex;align-items:center;justify-content:center;padding:20px}.kpru-ux-modal{width:min(760px,100%);max-height:88vh;overflow:auto;background:#0b1d31;border:1px solid #2d5d83;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);padding:22px}.kpru-ux-modal h2{margin:0 0 8px}.kpru-ux-modal .lead{color:#b9cfe1;margin-bottom:18px}.kpru-ux-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpru-ux-modal-box{padding:12px;border:1px solid rgba(68,113,150,.35);border-radius:12px;background:rgba(9,28,48,.75)}.kpru-ux-modal-box.good{border-color:rgba(52,211,153,.35)}.kpru-ux-modal-box.warn{border-color:rgba(251,191,36,.35)}.kpru-ux-modal-box.bad{border-color:rgba(251,113,133,.35)}.kpru-ux-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.kpru-ux-modal textarea{width:100%;min-height:90px}.kpru-ux-modal input{width:100%}.kpru-ux-label{font-size:12px;color:#8fb0ca;margin:10px 0 5px}.kpru-page-guide{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(50,199,255,.35);background:rgba(50,199,255,.08);color:#bdeeff;border-radius:999px;padding:6px 10px;cursor:pointer;margin-left:10px;font-size:12px;font-weight:700}
@media(max-width:850px){.wrap{padding:15px!important}.kpru-form-grid,.kpru-ux-modal-grid{grid-template-columns:1fr}.top{padding:14px!important}#kpru-ux-fab{right:12px;bottom:12px}.checks,.cards{grid-template-columns:1fr!important}}