@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1a3048;font:17px Sarabun,'TH Sarabun New',sans-serif}nav{display:flex;gap:18px;flex-wrap:wrap;padding:18px 5%;background:#102947;color:white}a{color:#245f9a}nav a{color:white;text-decoration:none}main{max-width:900px;margin:auto;padding:28px 18px 65px}h1{color:#102947}form,.panel{background:white;border:1px solid #dce6ef;border-radius:14px;padding:24px;margin:16px 0}label{display:block;font-weight:700;margin:13px 0 5px}input,select,textarea{width:100%;min-height:44px;padding:10px;border:1px solid #bacbdd;border-radius:8px;font:inherit}button,.btn{display:inline-block;border:0;background:#102947;color:white;border-radius:8px;padding:12px 20px;font:inherit;cursor:pointer;margin-top:15px;text-decoration:none}button:focus,a:focus,input:focus{outline:3px solid #d7a754}.notice{padding:15px;background:#e7f6eb;border-radius:9px}.error{padding:15px;background:#ffe8e8;border-radius:9px}footer{background:#102947;color:white;padding:24px;text-align:center}.muted{color:#617489}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}table{border-collapse:collapse;width:100%;background:white}td,th{padding:10px;border:1px solid #dce6ef;text-align:left} @media(max-width:650px){main{padding:17px 12px}form,.panel{padding:17px}body{font-size:16px}}
form.inline{display:inline-block;background:transparent;border:0;padding:0;margin:0 4px}form.inline button{margin:4px;padding:6px 12px}