:root{font-family:Segoe UI,Arial,sans-serif;color:#17223b;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:540px;margin:auto;padding:18px;display:grid;gap:16px}header{display:flex;gap:12px;align-items:center}.brand{width:42px;height:42px;border-radius:10px;background:#173f73;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700}h1{font-size:20px;margin:0}header p{font-size:12px;color:#667085;margin:3px 0 0;overflow-wrap:anywhere}.mail,fieldset,label{background:#fff;border:1px solid #d9e0ea;border-radius:9px;padding:12px}.mail{display:grid;gap:4px}.mail span,.muted,small{font-size:12px;color:#667085}fieldset{margin:0}legend{font-size:13px;font-weight:600;padding:0 5px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input[type=search],select{width:100%;border:1px solid #b8c3d1;border-radius:7px;padding:10px;background:#fff;color:#17223b}.segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#e8edf4;padding:4px;border-radius:8px}.segment button{border:0;padding:9px;border-radius:6px;background:transparent}.segment button.active{background:#fff;color:#173f73;font-weight:700;box-shadow:0 1px 4px #0002}.attachment{border:0;padding:7px 0;grid-template-columns:auto 1fr;align-items:center}.attachment span{display:flex;justify-content:space-between;gap:10px}.primary,button#retry{border:0;border-radius:8px;background:#173f73;color:#fff;padding:12px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.notice{padding:11px;border-radius:8px;font-size:13px}.notice.error{background:#fff0f0;color:#9b1c1c}.notice.success{background:#eaf8ef;color:#176b37}.notice a{color:inherit;font-weight:700}.spinner{width:30px;height:30px;border:3px solid #d9e0ea;border-top-color:#173f73;border-radius:50%;animation:spin .8s linear infinite;margin:40px auto 0}@keyframes spin{to{transform:rotate(360deg)}}