:root{font-family:"Noto Sans Thai",Tahoma,sans-serif;color:#17202a;background:#f5f7f8;font-size:18px}*{box-sizing:border-box}body{margin:0}.topbar{min-height:64px;padding:14px max(20px,calc((100% - 720px)/2));display:flex;justify-content:space-between;align-items:center;background:#075985;color:#fff}.topbar a{color:#fff}.shell{max-width:720px;margin:auto;padding:20px}.card,.menu{background:#fff;border:1px solid #d8e0e5;border-radius:16px;box-shadow:0 2px 8px #102a4320}.card{padding:24px}.registration-entry{margin-top:18px}.profile{display:flex;gap:20px;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 6px;color:#075985;font-weight:700}h1{font-size:1.45rem;line-height:1.35;margin:0 0 8px}.button{display:inline-flex;min-height:48px;padding:12px 18px;align-items:center;justify-content:center;border-radius:10px;background:#075985;color:#fff;text-decoration:none;font-weight:700}.button.secondary{background:#e0f2fe;color:#075985}.notice{padding:16px;margin-bottom:16px;border-radius:12px;background:#e0f2fe;color:#0c4a6e}.notice.error{background:#fff1f2;color:#9f1239}form{display:grid;gap:10px;margin-top:18px}input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;font:inherit}.menu{margin-top:18px;overflow:hidden}.menu-item{width:100%;min-height:60px;padding:16px 20px;border:0;border-bottom:1px solid #e5eaee;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#17202a;text-decoration:none;text-align:left;font:inherit;font-weight:650}.menu-item:last-child{border-bottom:0}.menu-item:focus-visible,.button:focus-visible,input:focus-visible{outline:4px solid #fbbf24;outline-offset:1px}.menu-item b{font-size:1.7rem;color:#64748b}.danger{color:#b42318}.wallet-balance{display:grid;gap:6px;padding:20px 0}.wallet-balance strong{font-size:2rem;color:#075985}.wallet-transactions{margin-top:18px}.wallet-transactions h2{margin-top:0;font-size:1.15rem}.transaction-list{list-style:none;margin:0 0 18px;padding:0}.transaction-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e5eaee}.transaction-list li span{overflow-wrap:anywhere}.amount-credit{color:#047857}.amount-debit{color:#b42318}.transaction-empty{color:#64748b}@media(max-width:560px){:root{font-size:17px}.shell{padding:14px}.profile{display:block}.profile .button{width:100%;margin-top:14px}.card{padding:20px}}