:root{font-family:system-ui,"Noto Sans Thai",sans-serif;color:#13263c;background:#edf3fa}*{box-sizing:border-box}body{margin:0}.wrap{max-width:560px;margin:5vh auto;padding:20px}.wrap.wide{max-width:1100px;margin:12px auto}nav{display:flex;justify-content:space-between;gap:16px}a{color:#2059ba;text-decoration:none;font-weight:700}header{margin:24px 0}.card{background:white;border:1px solid #dce6f3;border-radius:22px;padding:26px;box-shadow:0 12px 32px #223e5c12;margin:22px 0}h1{font-size:clamp(1.6rem,3vw,2.25rem)}h2{font-size:1.25rem}p{color:#536882}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650}input,select{width:100%;padding:12px;border:1px solid #d1dfed;border-radius:12px;font:inherit;background:#fbfdff;min-width:0}button{border:0;background:#2466c7;color:white;padding:13px 19px;border-radius:12px;font:inherit;font-weight:750;cursor:pointer}button:disabled{opacity:.5}.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article{background:white;border:1px solid #dce6f3;border-radius:16px;padding:18px}.stats strong{font-size:1.6rem;display:block}.stats span{font-size:.9rem;color:#536882}.tableScroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:570px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ecf1f6}#profileMsg,#passwordMsg,#message{font-weight:650;color:#2059ba}@media(max-width:750px){.columns{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.card{padding:18px}}