:root{--wa-blue:#126fbe;--wa-blue2:#54b9ef;--wa-sky:#eef8ff;--wa-navy:#07345f;--wa-gold:#f0b32e;--wa-green:#208c55;--wa-border:#d9eaf7}
.wa-body{margin:0;background:linear-gradient(180deg,#f4fbff,#eaf6ff);color:#153f62;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}
.wa-shell{width:min(1080px,calc(100% - 28px));margin:40px auto}.wa-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.wa-brand{display:flex;align-items:center;gap:12px}.wa-brand img{height:62px;width:auto;max-width:240px;object-fit:contain}.wa-top-links{display:flex;gap:8px;flex-wrap:wrap}.wa-top-links a{padding:10px 14px;border:1px solid var(--wa-border);border-radius:12px;background:#fff;color:var(--wa-navy);font-weight:800}.wa-card{background:#fff;border:1px solid var(--wa-border);border-radius:24px;box-shadow:0 20px 50px rgba(22,90,137,.12);overflow:hidden}.wa-grid{display:grid;grid-template-columns:1fr 1fr}.wa-panel{padding:36px}.wa-panel--hero{background:linear-gradient(135deg,#dff3ff,#f8fcff)}.wa-eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--wa-blue)}.wa-h1{font-size:46px;line-height:1.08;margin:8px 0 12px;color:var(--wa-navy)}.wa-p{color:#5e7890}.wa-form{display:grid;gap:12px}.wa-label{font-size:12px;font-weight:900;color:#2b5577}.wa-input,.wa-select{width:100%;padding:13px;border:1px solid #c9e0f1;border-radius:12px;background:#fbfdff;color:#143d61;font:inherit}.wa-btn{border:0;border-radius:12px;padding:13px 16px;font-weight:900;cursor:pointer;background:var(--wa-blue);color:#fff}.wa-btn--gold{background:var(--wa-gold);color:#163b5e}.wa-btn--ghost{background:#fff;color:var(--wa-blue);border:1px solid #9bcaeb}.wa-actions{display:flex;gap:10px;flex-wrap:wrap}.wa-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.wa-links a{color:var(--wa-blue);font-weight:800}.wa-message{padding:10px 12px;border-radius:11px;background:#eef7ff;border:1px solid #cfe6f7;color:#1a5b89}.wa-message.error{background:#fff2f2;border-color:#f2cccc;color:#a63a3a}.wa-message.ok{background:#edf9f2;border-color:#c7ead4;color:#237247}.wa-note{font-size:11px;color:#70879a}.wa-otp{font-size:28px;letter-spacing:8px;text-align:center}.wa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wa-stat{padding:18px;border:1px solid var(--wa-border);border-radius:16px;background:#fff}.wa-stat strong{display:block;font-size:28px;color:var(--wa-blue)}.wa-stat span{font-size:12px;color:#6e8498}.wa-table{width:100%;border-collapse:collapse}.wa-table th,.wa-table td{padding:10px;border-bottom:1px solid #e5eef5;text-align:left;font-size:13px}.wa-table th{color:#315a7d}.wa-badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf7ff;color:#1b6ea5;font-size:11px;font-weight:800}
@media(max-width:760px){.wa-shell{margin:18px auto}.wa-top{align-items:flex-start;flex-direction:column}.wa-grid{grid-template-columns:1fr}.wa-panel{padding:24px}.wa-h1{font-size:36px}.wa-stats{grid-template-columns:1fr 1fr}.wa-table{display:block;overflow:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}