.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,0,16,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadein .2s ease}@keyframes fadein{from{opacity:0}to{opacity:1}}.modal{background:#fff;color:#1f1a1e;border-radius:18px;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 60px rgba(0,0,0,.4);animation:pop .22s ease}@keyframes pop{from{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}.sel{display:flex;align-items:center;gap:14px;min-width:0}.sel .sel-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center;flex:none;background:#e9dfe7}.sel .sel-name{font-weight:700;font-size:1.05rem;overflow-wrap:anywhere}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #eee}.link-btn{all:unset;cursor:pointer;color:#36042e;font-weight:600;padding:4px 2px}.link-btn:focus-visible,.x-btn:focus-visible{outline:3px solid #c98bbf;outline-offset:2px;border-radius:6px}.x-btn{all:unset;cursor:pointer;font-size:1.6rem;line-height:1;color:#777;padding:0 6px}.modal-body{padding:20px}.status-box{border:1.6px solid #ff0000;border-radius:12px;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;margin-bottom:14px;color:#ff0000;font-weight:600}.status-box .btn{padding:11px 18px;font-size:.95rem;white-space:nowrap;box-shadow:none}.sel-card{border:1px solid #e6e1e7;border-radius:12px;padding:14px 16px}.form-top{padding:20px 22px 0}.tabs{display:flex;gap:6px;border-bottom:1px solid #e6e1e7;margin:16px 22px 0}.tab{all:unset;cursor:pointer;padding:10px 14px;color:#6b6370;font-weight:600;font-size:.95rem;border-bottom:3px solid transparent;margin-bottom:-1px}.tab[aria-selected="true"]{color:#36042e;border-bottom-color:#36042e}.tab:focus-visible{outline:3px solid #c98bbf;outline-offset:-2px;border-radius:6px}.panel{padding:18px 22px 0}.panel[hidden]{display:none}.field{width:100%;border:1px solid #d9d2db;border-radius:10px;padding:12px 14px;font:1rem system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1f1a1e;background:#fff;margin-bottom:12px}.field:focus{outline:2px solid #36042e;outline-offset:0;border-color:#36042e}textarea.field{min-height:170px;resize:vertical}.field.invalid{border-color:#c62828}.note{color:#4a4350;font-size:.67rem;margin:2px 0 6px}.form-note{margin:10px 22px 0;font-size:.85rem;color:#6b5a68;text-align:center}.form-error{color:#b3261e;font-size:.9rem;min-height:1.3em;padding:6px 22px 0}.form-actions{padding:6px 22px 22px;display:grid;gap:10px}.form-actions .btn{width:100%;border-radius:10px}.btn-go{background:#36042e;color:#fff}.btn-go:hover:not(:disabled){background:#4a0a40}.btn-cancel{background:#d32f2f;color:#fff;border:1.5px solid #d32f2f}.btn-cancel:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal--compact{width:min(340px,100%);padding:30px 24px 32px;text-align:center}.modal--compact h2{margin:0 0 22px;font-size:1.25rem;font-weight:400;color:#000}.spinner{width:84px;height:84px;margin:0 auto 20px;border-radius:50%;border:3px solid #e8dde6;border-top-color:#36042e;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.proc-msg{font-weight:300;font-size:1.05rem;color:#222;min-height:1.6em;transition:opacity .25s}.proc-msg.fade{opacity:0}.modal--success{background:linear-gradient(160deg,#4b0b40,#36042e);color:#fff;width:min(420px,100%);padding:34px 28px 32px;text-align:center}.modal--success h2{margin:0 0 18px;padding-bottom:16px;font-size:1.3rem;border-bottom:1px solid rgba(255,255,255,.25)}.x-badge{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;margin:20px auto 16px}.x-badge svg{width:30px;height:30px}.success-status{font-weight:700;font-size:1.1rem;margin-bottom:8px}.success-msg{color:#ff0000;margin-bottom:24px;font-size:14px;}.btn-light{background:#fff;color:#36042e;box-shadow:none}.btn-light:hover{background:#f3e9f1}@media (max-width:480px){.status-box{flex-direction:column;align-items:flex-start}.status-box .btn{width:100%}}