.modal-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;display:none;inset:0;justify-content:center;position:fixed;z-index:999}.modal,.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.2);font-family:Inter,sans-serif;gap:20px;max-width:650px;padding:24px;position:relative;width:100%}.modal-close{background:transparent;border:none;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}.modal-header{margin-bottom:20px;text-align:center}.modal-avatar{border-radius:50%;height:90px;margin-bottom:12px;object-fit:cover;width:90px}.modal h2{font-size:20px;font-weight:600;margin:0}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-field label{color:#666;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.modal-header{max-width:150px;width:100%}.modal .modal-avatar{height:auto;max-width:100%;width:auto}.modal-body h2{color:#231f20}.modal-field .value{background:#d9d9d9;border-radius:28px;font-size:14px;line-height:1.2;padding:8px 12px}