*{box-sizing:border-box}body{margin:0;background:#f4f8f6;font:16px Arial;color:#10212b}.wrap,.box{width:min(900px,92%);margin:40px auto}.box{max-width:480px;margin-top:10vh;background:#fff;padding:32px;border-radius:16px}.top{display:flex;justify-content:space-between;align-items:center}.panel{background:#fff;border:1px solid #dce7e1;border-radius:14px;padding:24px;margin:20px 0}h1,h2{color:#0c3f63}label{display:block;font-weight:bold;margin:15px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #bccbc3;border-radius:7px;font:inherit}button{background:#1e9b55;color:#fff;border:0;border-radius:7px;padding:11px 18px;font-weight:bold;cursor:pointer}.danger{background:#b33}.ok,.err{padding:12px;border-radius:7px;margin:15px 0}.ok{background:#e6f7ed;color:#126334}.err{background:#fdeaea;color:#9a2222}.item{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e5ece8}.item small{display:block;color:#687b83;margin-top:4px}a{color:#0c3f63}