body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 2rem; }
.center { display:grid; place-items:center; height:100dvh; background:#f5f5f7; }
.card { max-width: 560px; width: min(560px, 92vw); border: 1px solid #ddd; padding: 1rem 1.2rem; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); background:#fff; }
label { display:block; margin-top:.5rem; }
input, button { padding: .6rem .8rem; margin-top:.25rem; width: 100%; }
button { cursor: pointer; }
.row { display:grid; grid-template-columns: 1fr 1fr; gap:.5rem; }
.mt { margin-top: 1rem; }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { border: 1px solid #eee; padding: .5rem; text-align: left; }
.success { color: #0a7f2e; }
.msg { margin-top:1rem; font-weight:600; }