body { font-family: system-ui, Arial; padding: 16px; }
.box { max-width: 520px; margin: 0 auto; }
.btn { width: 100%; padding: 14px; border-radius: 10px; border: 1px solid #ddd; background: #fff; margin: 8px 0; font-size: 16px; }
.btn.secondary { background: #f5f5f5; }
.idbox { background:#f6f6f6; padding:10px; border-radius:10px; margin:10px 0; }
.card { background:#fff; border:1px solid #eee; border-radius:12px; padding:12px; }
.row { margin: 10px 0; display:flex; flex-direction:column; gap:6px; }
input { padding:12px; border-radius:10px; border:1px solid #ddd; }
.msg { margin-top:10px; padding:10px; border-radius:10px; background:#f6f6f6; }
.msg.ok { border-left:4px solid #2e7d32; }
.msg.error { border-left:4px solid #c62828; }