:root{font-family:Poppins,Inter,system-ui,sans-serif;color:#1d2635;background:#edf1f5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,#eef2f6,#dfe8ef)}main{background:#fff;border-radius:16px;box-shadow:0 18px 45px #182b4224;min-height:560px}header{border-bottom:1px solid #e7edf2;margin:-20px -20px 20px;padding:24px 28px;border-radius:16px 16px 0 0;background:linear-gradient(115deg,#132b45,#1d5d78);color:#fff}h1{margin:0 0 8px;font-size:1.7rem}h2{margin-top:0;color:#132b45}nav{padding:4px 0 14px;border-bottom:1px solid #e7edf2}button{appearance:none;border:0;border-radius:8px;padding:9px 14px;background:#1b718d;color:#fff;font-weight:650;cursor:pointer;transition:transform .15s,background .15s}button:hover{background:#13566c;transform:translateY(-1px)}button:disabled{background:#aeb9c2;cursor:not-allowed;transform:none}input,select{width:100%;max-width:290px;border:1px solid #cdd9e2;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:#22313f;outline:none}input:focus,select:focus{border-color:#1b718d;box-shadow:0 0 0 3px #1b718d24}form{padding:18px;max-width:460px;border:1px solid #e4ebf0;border-radius:12px;background:#f8fafb}form p{margin:0 0 10px}section>p{color:#536575;line-height:1.5}article,aside{padding:20px;border:1px solid #e3ebf0;border-radius:12px;background:#fbfcfd}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin:16px 0}.workflow-grid article,section>article{display:grid;gap:9px;margin:12px 0}.workflow-grid button,section>article button{justify-self:start}pre{border-radius:10px;color:#274050;font-size:.82rem}[role=status]{min-height:1.4em;color:#a54221;font-weight:600}@media(max-width:720px){main{margin:0!important;border-radius:0;min-height:100vh}header{border-radius:0}section[style]{display:block!important}article,aside{margin-bottom:14px}}