:root{color:#1d2433;background:#f7f8fb;font-family:Arial,IBM Plex Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:0 auto;padding:42px 20px}h1{margin-bottom:4px}.muted{color:#62708a}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:28px 0}.card{background:#fff;border:1px solid #e5e8ef;border-radius:14px;padding:18px;box-shadow:0 2px 8px #1b2a4a08}.number{font-size:28px;font-weight:700;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}td,th{text-align:left;padding:13px;border-bottom:1px solid #edf0f5}th{font-size:13px;color:#62708a;background:#fafbfc}a{color:#314fc3;text-decoration:none}button{border:0;padding:8px 12px;border-radius:8px;background:#314fc3;color:#fff;cursor:pointer}.form{max-width:720px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:26px;background:#fff;padding:22px;border:1px solid #e5e8ef;border-radius:14px}.form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600}.form input,.form select{width:100%;padding:9px;border:1px solid #ccd3df;border-radius:8px;font:inherit}@media (max-width:700px){.grid{grid-template-columns:1fr}table{font-size:13px}}