*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif}body{background:#f6f7f9;color:#111}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;padding:24px}.card{background:white;border:1px solid #e1e4e8;border-radius:8px;padding:16px}.btn{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid #0366d6;background:#0366d6;color:white;cursor:pointer}.btn.secondary{background:white;color:#0366d6}.input{width:100%;padding:8px 10px;border:1px solid #d0d7de;border-radius:6px}.row{display:flex;gap:12px;align-items:center}.grid{display:grid;grid-gap:12px;gap:12px}.list-item{padding:12px;border-bottom:1px solid #eee;cursor:pointer}.list-item:hover{background:#f6f8fa}.muted{color:#6a737d;font-size:13px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:768px){.mobile-card-table,.mobile-card-table tbody,.mobile-card-table td,.mobile-card-table tr{display:block;width:100%}.mobile-card-table thead{display:none}.mobile-card-table tr{border:1px solid #e1e4e8;border-radius:8px;margin-bottom:12px;padding:8px 0;background:#fff}.mobile-card-table td{position:relative;padding:8px 12px 8px 40%!important;text-align:right!important;border:none!important;min-height:40px;display:flex;justify-content:flex-end;align-items:center}.mobile-card-table td:before{content:attr(data-label);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:35%;text-align:left;font-weight:600;color:#6a737d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}