body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2937}.page{min-height:100vh}.center{display:grid;place-items:center}.panel{background:#fff;border:1px solid #dbe3ea;border-radius:10px;padding:20px;box-shadow:0 4px 16px #0f172a0f}.topbar{display:flex;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #dbe3ea}.grid{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:16px}input,button{width:100%;box-sizing:border-box;margin:8px 0;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px}button{background:#2563eb;color:#fff;border:none;cursor:pointer}.error{color:#dc2626}