*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:#17202a;background:#f7f8fa}.container{max-width:960px;margin:auto;padding:24px}.step{color:#52606d}.panel{background:#fff;border:1px solid #cbd2d9;padding:20px;margin-block:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:5px}button,input,select,textarea{font:inherit;padding:10px;border:1px solid #829ab1;border-radius:3px}.button,button{display:inline-block;background:#075985;color:#fff;border:0;padding:10px 16px;text-decoration:none;cursor:pointer}button[disabled]{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.actions{display:flex;gap:12px;align-items:center;-webkit-margin-before:20px;margin-block-start:20px}.error{color:#a11212;margin:4px 0}.muted{color:#52606d}.result{-webkit-border-after:1px solid #cbd2d9;border-block-end:1px solid #cbd2d9;padding-block:15px;display:grid;grid-template-columns:2fr repeat(5,1fr) auto;grid-gap:10px;gap:10px;align-items:center}table{width:100%;border-collapse:collapse}td,th{text-align:start;-webkit-border-after:1px solid #cbd2d9;border-block-end:1px solid #cbd2d9;padding:10px}@media (max-width:700px){.grid,.result{grid-template-columns:1fr}.container{padding:14px}.actions{align-items:stretch;flex-direction:column}.actions>*{text-align:center}}