:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17313a;--muted:#667a80;--brand:#147d72;--brand-dark:#0d5c55;--surface:#fffffff0;--border:#dce7e5;--background:#edf6f3}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 10% 10%, #1c968529, transparent 34rem), linear-gradient(145deg, #f7fbfa 0%, var(--background) 100%);margin:0;font-family:Noto Sans Thai,Leelawadee UI,system-ui,sans-serif}button,a{font:inherit}.page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(100%,520px);padding:42px;box-shadow:0 24px 70px #1d47431f}.brand{letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:30px;font-size:20px;font-weight:750;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, #1ca48f, var(--brand-dark));border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(30px,5vw,42px);line-height:1.15}p{color:var(--muted);margin:0;line-height:1.75}.actions{gap:12px;margin-top:30px;display:grid}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:var(--brand)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--ink);background:#edf3f2}.profile{background:#f3f8f7;border-radius:16px;align-items:center;gap:16px;margin:26px 0;padding:18px;display:flex}.avatar{object-fit:cover;background:#dce7e5;border-radius:50%;flex:0 0 58px;width:58px;height:58px}.profile-name{color:var(--ink);font-weight:750}.profile-email{overflow-wrap:anywhere;font-size:14px}.details{gap:12px;margin:26px 0;padding:0;list-style:none;display:grid}.details li{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding-bottom:12px;display:flex}.details span:first-child{color:var(--muted)}.status{color:var(--brand-dark);font-weight:700}.loading{color:var(--muted)}@media (max-width:560px){.card{border-radius:20px;padding:30px 24px}.details li{gap:4px;display:grid}}