:root{font-family:Tahoma,Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-items:center;padding:32px}.card{width:min(760px,100%);background:#fff;border:1px solid #e6eaf0;border-radius:24px;padding:36px;box-shadow:0 20px 60px rgba(23,32,51,.08)}.badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff1ed;color:#d84d2f;font-weight:700}h1{font-size:38px;margin:18px 0 10px}p{color:#64748b;line-height:1.8}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:8px;font-weight:700}input{width:100%;border:1px solid #d7dde7;border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:#7c8aa5;box-shadow:0 0 0 3px rgba(124,138,165,.12)}button{border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer;background:#172033;color:#fff}.secondary{background:#eef2f7;color:#172033}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.metric{padding:16px;border:1px solid #e7ebf1;border-radius:14px;background:#fbfcfe}.metric strong{display:block;font-size:20px;margin-bottom:6px}.metric span{font-size:13px;color:#64748b}.status{margin-top:22px;padding:14px;border-radius:12px;background:#f8fafc;color:#334155;min-height:48px}code{direction:ltr;unicode-bidi:isolate}@media(max-width:600px){.shell{padding:16px}.card{padding:24px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}h1{font-size:30px}}